body{font-size:16px;}
.auto-inner{ width:96%; max-width:1760px; margin:0 auto;}

/*top*/
.top-main{ height:120px;position:relative; z-index:100; background:#fff;}
.top-main > .auto-inner{position:relative; z-index:50;}

.top-tips,
.top-right,
.top-left{ position:absolute; z-index:10;}

.top-tips{ right:0; top:0; line-height:28px; padding:0 49px; text-align:center; background:#ff6c00; color:#fff;}
.top-tips span{ display:block; background:url(../images/top/icon.png) no-repeat left center; padding-left:27px; letter-spacing:3px; font-size:12px;}

.top-left{ left:0; top:39px;}
.top-left img{ width:227px; height:62px;}

.top-menu{ padding-top:63px;}
.top-menu ul{ display:table; margin:0 auto;}
.top-menu li{ float:left; padding:0 15px;}
.top-menu li a{ font-size:18px;}
.top-menu li > a{ border-bottom:3px solid transparent; display:block; padding-bottom:30px;}
.top-menu li .sub-menu{ display:none; position:absolute; left:0; width:100%; top:100%; z-index:100; background:#f5f5f5; padding:75px 0 120px 0;}
.top-menu li.aon > a{ color:#ff6c00;border-bottom-color:#ff6c00;}

.sub-menu dl{ display:table; overflow:hidden; margin:0 auto; }
.sub-menu dd{ float:left; padding:0 36px; text-align:center; transform:translateX(50px); -webkit-transform:translateX(50px);-ms-transform:translateX(50px);  filter:alpha(opacity=0);opacity: 0;-moz-opacity:0;-khtml-opacity: 0; transition:0.8s;}
.sub-menu dl.dl-show dd{ transform:translateX(0); -webkit-transform:translateX(0); -ms-transform:translateX(0); filter:alpha(opacity=100);opacity:1;-moz-opacity:1;-khtml-opacity: 1;}
.sub-menu dl dd:nth-child(1){transition-delay:0.3s;}
.sub-menu dl dd:nth-child(2){transition-delay:0.4s;}
.sub-menu dl dd:nth-child(3){transition-delay:0.5s;}
.sub-menu dl dd:nth-child(4){ transition-delay:0.6s;}
.sub-menu dl dd:nth-child(5){ transition-delay:0.7s;}
.sub-menu dl dd:nth-child(6){ transition-delay:0.8s;}
.sub-menu dl dd:nth-child(7){ transition-delay:0.9s;}
.sub-menu dl dd:nth-child(8){ transition-delay:1s;}
.sub-menu dl dd:nth-child(9){ transition-delay:1.1s;}
.sub-menu dl dd:nth-child(10){ transition-delay:1.2s;}
.sub-menu dl dd:nth-child(11){ transition-delay:1.3s;}
.sub-menu dl dd:nth-child(12){ transition-delay:1.4s;}
.sub-menu dl dd:nth-child(13){ transition-delay:1.5s;}
.sub-menu dl dd:nth-child(14){ transition-delay:1.6s;}
.sub-menu dl dd:nth-child(15){ transition-delay:1.7s;}
.sub-menu dl dd:nth-child(16){ transition-delay:1.8s;}
.sub-menu dl dd:nth-child(17){ transition-delay:1.9s;}
.sub-menu dl dd:nth-child(18){ transition-delay:2s;}
.sub-menu dl dd:nth-child(19){ transition-delay:2.1s;}
.sub-menu dl dd:nth-child(20){ transition-delay:2.2s;}
.sub-menu dl dd:nth-child(21){ transition-delay:2.3s;}
.sub-menu dl dd:nth-child(22){ transition-delay:2.4s;}
.sub-menu dl dd:nth-child(23){ transition-delay:2.5s;}
.sub-menu dl dd:nth-child(24){ transition-delay:2.6s;}
.sub-menu dl dd *{ transition:0.3s;}
.sub-menu dl dd.gray *{filter:alpha(opacity=80);opacity: 0.8;-moz-opacity:0.8;-khtml-opacity: 0.8;}
.sub-menu dl dd:hover aside{ color:#ff6c00;}
.sub-menu dl dd:hover figure img{ transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -ms-transform:rotateY(180deg);}
.sub-menu dd figure{ padding-bottom:15px;}
.sub-menu dd figure img{ width:90px; height:90px;}
.top-menu li#m8 .sub-menu{ padding-bottom:75px;}
.top-menu li#m8 .sub-menu dl{ max-width:1440px;}
.top-menu li#m8 .sub-menu dd{ padding:0 24px 45px;transition:0s;}
.top-menu li#m8 .sub-menu dd figure img{ width:60px; height:60px;}
.top-menu li#m8 .sub-menu dl dd:hover figure img{transform:rotateY(0); -webkit-transform:rotateY(0); -ms-transform:rotateY(0);}
.top-menu li#m7 .sub-menu{padding-bottom:80px;}
.top-menu li#m7 .more{ text-align:center; padding-top:40px; }
.top-menu li#m7 .more a{display:inline-block;}

.top-right{ right:10px; top:62px;}
.open-search{ position:relative; background:url(../images/top/search.png) no-repeat; width:18px; height:18px; display:block;}
.open-search-on{ background:none;}
.open-search-on::after,
.open-search-on::before{ position:absolute; content:''; width:100%; left:0; height:3px; background:#ff6c00; top:50%; margin-top:-1.5px; transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg);}
.open-search-on:before{transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg);}
.top-search{ display:none; position:absolute; right:100%; width:240px; margin-right:10px; top:50%; margin-top:-18px;}
.top-search .text{ padding:0 36px 0 10px; width:100%;height:36px; line-height:36px; border-radius:36px; border:1px solid #ccc; color:#999;}
.top-search .text.focus{ color:#333;}
.top-search .btn{ position:absolute; right:0; width:36px; height:36px; background:url(../images/top/search.png) no-repeat center center; top:0;}
@media(max-width:1600px){
.sub-menu dd{ padding:0 30px;}
.top-menu li#m2 .sub-menu dd{ padding-left:1.45vw; padding-right:1.45vw;}
}
@media(max-width:1440px){
.top-menu{ padding-left:230px;}
.sub-menu dd{ padding:0 20px;}
.top-menu li#m2 .sub-menu dd{ padding-left:1vw; padding-right:1vw;}
.top-menu li#m8 .sub-menu dd{ padding-left:1.5vw; padding-right:1.5vw;}
}

/*bottom*/
.bottom-address{ background:#f7f7f7; padding:55px 0 47px 0; position:relative; z-index:2;}
.bottom-address .left{ width:20%; max-width:255px; float:left; text-align:center;}
.bottom-address .home-show{ display:none;}
.bottom-address .logo{ border-bottom:1px solid #e5e5e5; padding-bottom:30px;}
.bottom-address .logo img{ width:227px;}
.bottom-address .page-show aside{ padding:20px 0; font-size:18px; color:#ff6c00;}
.bottom-address .page-show aside b{ font-size:14px; color:#555;}
.bottom-address .page-show li{ padding-bottom:25px;}
.bottom-address .page-show li p{ margin:10px 0 0 0; font-size:14px;}
.bottom-address .page-show li img{ width:114px;}
.bottom-address .home-show{ text-align:left;}
.bottom-address .home-show h5{ color:#000; margin:0;  padding:40px 0 15px 15px;}
.bottom-address .home-show ul{ position:relative; z-index:40;}
.bottom-address .home-show ol{ cursor:pointer; background: url(../images/bottom/select.png) no-repeat 93% center #efefef; padding-left:50px; line-height:48px; font-size:18px; color:#555;}
.bottom-address .home-show li{ display:none; border-top:1px solid #fff; position:absolute; left:0; width:100%; top:100%; background:#f5f5f5; z-index:100; padding:16px 0 36px 0;}
.bottom-address .home-show li a{ display:block; padding-left:50px; line-height:50px; transition:0.3s;}
.bottom-address .home-show li a:hover{ background:#ff6c00; color:#fff;}

.bottom-address .upgroup{ padding-top:15px; border-bottom:1px solid #efefef;}
.bottom-address .upgroup dt{ position:relative; min-height:43px; font-size:14px;  padding-left:72px; color:#808080; margin-bottom:25px;}
.bottom-address .upgroup dt a{ position:absolute; left:0; width:100%; height:100%; z-index:10; top:0;}
.bottom-address .upgroup dt:last-child{ margin-bottom:29px; padding-top:10px;}
.bottom-address .upgroup dt figure{ position:absolute; left:8px; top:0; background:#e5e5e5; border-radius:50%; width:43px; height:43px; overflow:hidden;}
.bottom-address .upgroup dt figure img{ display:block; width:100%; height:100%;}
.bottom-address .upgroup dt h6{ color:#555; padding-bottom:5px; font-weight:normal; margin:0;}

.bottom-address .wap-site{ margin-top:22px;}
.bottom-address .wap-site span{ display:inline-block; text-align:center;}
.bottom-address .wap-site dt img{ display:block; width:138px; height:138px;}
.bottom-address .wap-site dt aside{ padding:25px 0 50px 0; font-size:18px;}

.bottom-address .right-home {display:none;}
.bottom-address .right{ float:right; width:77.614%; position:relative;}
.bottom-address .right .line{ position:absolute; left:50%; width:1px; border-right:1px dashed #666; height:93%; margin-left:-1px;}
.bottom-address .right li{ float:left; display:none; width:13.2%;margin-right:4.16%; margin-bottom:50px; border-bottom:1px solid #e9e9e9; }
.bottom-address .right li div{ position:relative;padding-left:24px; background:url(../images/bottom/icon.png) no-repeat left 3px;padding-bottom:25px; }
.bottom-address .right li img{ position:absolute; right:0; width:60px; top:0;}
.bottom-address .right li img,
.bottom-address .right li p span,
.bottom-address .right li p.add{ display:none;}
.bottom-address .right-page li:nth-child(6n){ margin-right:0;}
.bottom-address .right li h6{ margin:0; font-weight:normal; color:#000; padding-bottom:6px;}
.bottom-address .right li p{ margin:0; font-size:14px;filter:alpha(opacity=80);opacity: 0.8;-moz-opacity:0.8;-khtml-opacity: 0.8;}

.view-more aside{background:#f7f7f7; border-bottom:1px solid #e5e5e5; float:left; width:100%; height:51px; margin-top:-51px; position:relative; margin-bottom:30px;}
.view-more aside span{ color:#000; font-size:18px; position:absolute;background:#f7f7f7; width:154px; margin-left:-77px; left:50%; line-height:40px; bottom:-20px; text-align:center;}
.view-more a{ width:44px; height:44px; border:2px solid #d9d9d9; display:block; margin:0 auto; position:relative; clear:both; border-radius:50%; position:relative; transition:0.3s;}
.view-more a:hover{ border-color:#ff6c00; background:#ff6c00;}
.view-more a i,
.view-more a::after,
.view-more a::before{ position:absolute; width:6px; height:6px; border-radius:50%; background:#d9d9d9; left:50%; top:50%; margin:-3px 0 0 -3px; transition:0.3s;}
.view-more a::after,
.view-more a::before{ content:'';}
.view-more a::before{ margin-left:-12px;}
.view-more a::after{ margin-left:6px;}
.view-more a:hover i,
.view-more a:hover::after,
.view-more a:hover::before{background:#fff !important;}

.bottom-address .view-more{position:relative;z-index:3;background:#f7f7f7; }

.home-body .bottom-address{ background:#fff; padding-bottom:0;}
.home-body .bottom-address .right-page{ display:none;}
.home-body .bottom-address .right-home {display:block}
.home-body .bottom-address .right-home li{ display:block !important;}
.home-body .bottom-address .right li img,
.home-body .bottom-address .right li p.add{ display:block;}
.home-body .bottom-address .right li p span{ display:inline-block;}
.home-body .view-more,
.home-body .bottom-address .right .line{ display:none;}
.home-body .bottom-address .right ul{ overflow:hidden;}
.home-body .bottom-address .right ul:after{ display:block; content:''; background:#fff; height:51px; margin-top:-51px;visibility:inherit; width:100%; float:left;}
.home-body .bottom-address .right li{ width:29.65%; margin-right:3.68% !important;}
.home-body .bottom-address .right li div{ padding-bottom:15px;}
.home-body .bottom-address .right li:nth-child(3n+1){ clear:left;}
/*.home-body .bottom-address .right li div{ padding-right:60px;}*/
.home-body .bottom-address .right li p{ line-height:30px;}
.home-body .bottom-address .right li p.add{ height:60px; line-height:20px; padding-top:10px;}
.home-body .bottom-address .right li h6{ padding-bottom:0;}
.home-body .page-show{ display:none;}
.home-body .home-show{ display:block;}

.bottom-main{ background:#5a6571; color:#bdc1c6; padding:80px 0 40px 0; font-size:14px; position:relative; z-index:2;}
.bottom-main a{ color:#bdc1c6;}
.footer-links a:hover,
.bottom-main nav dt a:hover,
.bottom-main a:hover{ color:#ff6c00;}
.bottom-main > .auto-inner{ padding-bottom:70px;}
.bottom-main .footer{ border-top:1px solid #6b757f; padding-top:30px;}
.bottom-main nav dl{ float:left; margin-right:7%;}
.bottom-main nav dl:last-child{ margin-right:0;}
.bottom-main nav dt{ color:#f2f3f4; font-size:18px;}
.bottom-main nav dt a{color:#f2f3f4;}
.bottom-main nav dt:after{ display:block; content:''; width:20px; height:1px; background:#fff; margin:12px 0;}
.bottom-main nav dd{ line-height:27px;}
@media(max-width:1600px){
.bottom-main nav dl{margin-right:7%;}
}
@media(max-width:1550px){
.bottom-main nav dl{margin-right:6%;}
}
@media(max-width:1440px){
.bottom-main nav dl{margin-right:5%;}
}

.bottom-casearea .group{ display: flex; flex-wrap: wrap;width:120px}
.bottom-casearea .group dd{width:50%}
.bottom-casearea .group dl{ margin-left:0px;margin-right:0; display: flex; flex-wrap: wrap;width:100%}

.bottom-main .footer dl{ margin-bottom:22px; /*overflow:hidden;*/}
.bottom-main .footer dl dt{ float:right; margin-right:-25px;}
.bottom-main .footer dl dd{float:left;}
.bottom-main .footer dl dt a:after{ display:inline-block; content:''; width:1px; height:10px; background:#858c94; vertical-align:middle; margin:0 12px;}
.footer-links{ position:relative; padding-left:100px;line-height:26px;display:none;}
.footer-links span{ position:absolute; left:0; top:0; padding-left:27px; color:#8c949c; background:url(../images/bottom/links_icon.png) no-repeat left center;}
.footer-links a{ display:inline-block;  margin-right:15px; color:#8c949c;}
.bottom-main .daili{display:none;}
.home-body  .bottom-main .daili,
.home-body .footer-links{display:block;}

.home-case li{ float:left; width:25%;overflow:hidden;}
.home-case li a{ position:relative;  display:block;}
.home-case li a:before{ position:absolute; left:0; width:100%; height:100%; top:0; z-index:5; content:'';opacity:0;transition:0.5s;}
.home-case li img{ display:block; width:100%; transition:0.5s ease-in-out;}
.home-case li .hide{ position:absolute; left:0; width:100%; height:100%; top:0; text-align:center; font-size:36px; color:#fff; padding:0 5%; opacity:0; transition:0.5s; z-index:10;}
.home-case li.hover a:before{ opacity:1;background:rgba(255,108,0,0.9);}
.home-case li.hover .hide{opacity:1;}
.home-case li.hover a img{ transform:scale(1.2);}
.home-case li.has-black a:before{opacity:1;  background:rgba(0,0,0,0.5);}

.home-news .home-title{ position:relative; text-align:left; padding-top:66px; padding-bottom:50px;}
.home-news .home-title .tab{ position:absolute; right:0; top:76px; width:620px;}
@media(max-width:1760px){
.home-news .home-title .tab{ right:2%;}
}
.home-news .home-title .tab li{ float:left; cursor:pointer; margin-left:5px; text-align:center; width:200px; line-height:64px; color:#333;background:#f7f7f7;}
.home-news .home-title .tab li.on{ background:#333; color:#fff;}
.home-news .home-title .tab li span{ font-size:22px; margin-left:10px; display:inline-block; vertical-align:middle;}
.home-news .home-title .tab li img{ width:30px; height:30px;}
.home-news .home-title .tab li img.hide{ display:none;}
.home-news .home-title .tab li.on img.show{ display:none;}
.home-news .home-title .tab li.on img.hide{ display:inline-block; vertical-align:middle;}
.home-news .area-con{ height:54px; border-bottom:1px solid #eee;}
.home-news .area li{ cursor:pointer; text-align:center; font-size:20px; color:#555; float:left;/*font-weight:bold;*/}
.home-news .area li.slick-current{ color:#ff6c00;}
.home-news .area li:after{ display:block; content:''; width:17px; border:1px solid #d3d3d3; height:17px; background:#fff; margin:19px auto 0; border-radius:50%;}
.home-news .area li.slick-current:after{ border-color:#ff6c00;}
.home-news .list{ padding-top:76px; padding-bottom:104px;}

.home-news .list-ul ul{height:590px; overflow:hidden;}
.home-news .list-ul li{ background:#f7f7f7; position:relative;}
.home-news .list-ul li a{ position:absolute; left:0; top:0; width:100%; height:100%; border:2px solid transparent; z-index:10; transition:0.3s;}
.home-news .list-ul li a:hover{ border-color:#ff6c00;}
.home-news .list-ul li .main{ padding:42px 30px;}
.home-news .list-ul li .title{ position:relative; padding-left:100px;}
.home-news .list-ul li .title time{ color:#555; position:absolute; left:0; width:100px; text-align:center; font-size:52px;top: 50%;
    margin-top: -30px;
    line-height: 60px;}
.home-news .list-ul li .title dl{ padding-right:87px; border-left:1px dashed #e2e2e2; padding-left:19px; color:#555; line-height:35px;min-height:70px;}
.home-news .list-ul li .title dd{ font-size:20px; height:64px;}
.home-news .list-ul li .title .more{transition:0.3s; position:absolute; right:0; top:50%; margin-top:-15px; width:60px; height:30px; background:url(../images/home/more.png) no-repeat;}
.home-news .list-ul li:hover .title .more{ background-image:url(../images/home/more_on.png);}

.newest-ul-1{ float:left; width:62.5%; }
.newest-ul-1 .li-1{ float:right; width:50.91%;height:590px; overflow:hidden;}
.home-news .newest-ul-1 .li-1 .main{ padding-bottom:32px;}
.home-news .newest-ul-1 .li-1 .title time{ font-size:72px; line-height:70px;}
.newest-ul-1 .li-1:hover .title dd{ font-weight:bold; color:#ff6c00;}
.newest-ul-1 .li-1 .pic{ padding-top:50px;}
.newest-ul-1 .li-1 .pic img{ display:block; width:100%; max-height:396px;}
.home-news .newest-ul-1 .li-1 .title dl{ padding-right:0;}
.newest-ul-1 .li-2{ width:46.364%; margin-bottom:30px;}
.home-news .newest-ul-1 .li-2 .main{ padding-bottom:27px;}
.newest-ul-1 .li-2 .title{ padding-left:90px;}
.newest-ul-1 .li-2 .title time{ width:90px;}
.newest-ul-1 .li-2 .txt{ position:relative; min-height:99px; padding-left:136px; margin-bottom:23px; border-bottom:1px solid #e9e9e9; }
.newest-ul-1 .li-2 .txt .pic{ position:absolute; left:0; width:125px; top:0;}
.newest-ul-1 .li-2 .txt .pic img{ display:block; width:100%; max-height:99px;}
.newest-ul-1 .li-2 .txt figure *{ margin:0; font-weight:normal;}
.newest-ul-1 .li-2 .txt p{ line-height:26px; height:52px; color:#999;margin:11px 0 6px 0;}
.newest-ul-1 .li-2 .txt h6{ color:#555;max-height:48px;}

.newest-ul-2{ float:right; width:35.796%; background:#f7f7f7;}
.newest-ul-2 li{ padding:0 30px;}
.newest-ul-2 li .title{ padding-left:84px;}
.home-news .newest-ul-2 li .main{ border-bottom:1px solid #e9e9e9; padding:25px 0 26px 0; }
.home-news .newest-ul-2 li:last-child .main{ border-bottom:0;}
.home-news .newest-ul-2 li .title dl{ line-height:32px; min-height:64px;}
.newest-ul-2 li .title time{ width:84px; text-align:left;}
@media(max-width:1440px){
.home-news .list-ul ul,
.newest-ul-1 .li-1{ height:476px;}
.home-news .newest-ul-2 li .main{ padding:20px 0;}
.newest-ul-1 .li-2 .txt h6,
.home-news .list-ul li .title dd{ font-size:16px;    line-height: 23px; height:46px;}
.newest-ul-1 .li-1 .pic{ padding-top:42px;}
.newest-ul-1 .li-2{ margin-bottom:25px;}
.newest-ul-1 .li-2 .txt .pic{ width:96px;}
.newest-ul-1 .li-2 .txt{ padding-left:110px; margin-bottom:16.5px;}
.home-news .newest-ul-1 .li-2 .main{ padding:20px;}
.newest-ul-1 .li-2 .txt p{ margin:5px 0 6px 0;font-size: 14px;line-height: 20px;height: 40px;}
}

/*pager*/
.banner-2,
.channel-2 .ul-0{ float:left; width:50%;}
.banner-2 li img{ display:block; width:100%;transition:all 0.3s ease-in-out;}
.banner-2 .slick-dots li{ width:18px; height:18px; border-radius:50%; background:#fff; margin:0 9px; border:2px solid transparent;}
.banner-2 .slick-dots li.slick-active{  border-color:#ff6c00; background:none;}
.banner-2 li a:hover img{transform:scale(1.12);}
/*channel-2*/
.channel-2 .ul-0{ float:left; width:50%;}
.channel-2 .ul-1{ clear:both;}
.channel li{ float:left; position:relative; overflow:hidden;}
.channel-2 .ul-0 li{ width:50%;}
.channel-2 .ul-1 li{ width:25%;}
.channel li img{ display:block; width:100%; transition:0.3s;}
.channel li .txt{position:absolute; bottom:-1%; text-align:center; width:102%; left:-1%; z-index:10; font-size:38px; color:#fff; padding:42% 3% 7% 3%; font-weight:bold;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 35%, rgba(0,0,0,0.9) 99%, rgba(0,0,0,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 35%,rgba(0,0,0,0.9) 99%,rgba(0,0,0,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 35%,rgba(0,0,0,0.9) 99%,rgba(0,0,0,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 ); /* IE6-9 */}
.channel li a:hover img{ transform:scale(1.12);}
@media(max-width:1440px){
.channel li .txt{ font-size:28px;}
}

.channel-3{ position:relative;}
.channel-3 li{ width:50%;}
.channel-3 li:nth-child(1),
.channel-3 li:nth-child(2){ width:50%;}

/*banner-2-1*/
.banner-h800{ height:800px; position:relative;}
.banner-h600{height:600px; position:relative;}
.banner-h600 .bg,
.banner-h800 .bg{ position:absolute; left:0; width:100%; height:100%; top:0; background-repeat:no-repeat; background-position:center top;}
.banner-2-1 .txt{opacity: 0; -webkit-opacity:0; position:absolute; z-index:10; background-position:center center; background-repeat:no-repeat; transition:all 0.8s ease-in-out;}
.banner-h800 .auto,
.banner-h600 .auto{ position:relative; z-index:4;margin:0 auto; }
.banner-h800 .auto{ max-width:1295px; }
.banner-2-1 .txt-1{ background-image:url(../images/home/banner/a/01.png); width:111px; height:114px; top:230px; left:-90px; z-index:5;}
.banner-2-1 .txt-2{ background-image:url(../images/home/banner/a/02.png); width:474px; height:339px; left:0; top:235px;}
.banner-2-1 .txt-3{ background-image:url(../images/home/banner/a/03.png); width:100%; height:26px; left:0; top:385px;}
.banner-2-1 .txt-4{ background-image:url(../images/home/banner/a/04.png); width:517px; height:326px; right:49px; top:380px;}
.banner-2-1 .txt-5{ background-image:url(../images/home/banner/a/05.png); width:493px; height:392px; right:0; top:44px;}
.banner-2-1.an-show .txt{opacity: 1;-webkit-opacity:1;}
.banner-2-1 .txt-1{ transform:scale(3); transition-duration:0.5s; transition-delay:0.5s;}
.banner-2-1.an-show .txt-1{ transform:scale(1);}
.banner-2-1 .txt-2{ transform:translateY(50%);}
.banner-2-1.an-show .txt-2{ transform:translateY(0);}
.banner-2-1 .txt-4{ transform:translateY(50%);transition-delay:0.7s;}
.banner-2-1.an-show .txt-4{ transform:translateY(0);}
.banner-2-1 .txt-5{ transform:translateY(50%);transition-delay:1s;}
.banner-2-1.an-show .txt-5{ transform:translateY(0);}
@media(max-width:1440px){
.banner-2-1 .auto{width:1200px;}
}
@media(max-width:1366px){
.banner-2-1 .auto{width:1150px;}
}

/*banner-2-2*/
.banner-2-2{ height:100%; position:relative;}
.banner-2-2 .img{ position:absolute; left:0; width:100%; height:100%; top:0; background-repeat:no-repeat; background-position: center bottom; z-index:0;}
.banner-2-2 .auto{ position:absolute;z-index:10; width:1320px; left:50%; top:0; height:100%; margin-left:-660px;}
.banner-2-2 .shu-inner{ position:absolute; height:84.3%; text-align:center; left:0; width:100%; bottom:0; }
.banner-2-2 .shu{ display:inline-block; position:relative; height:100%;}
.banner-2-2 .shu .w{ position:absolute; color:#fff;}
.banner-2-2 .shu .w img{ display:block; width:100%;}
.banner-2-2 .shu .w span{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); line-height:30px; word-break:keep-all;}
.banner-2-2 .shu .w-1{ opacity:0.7; font-size:24px; left:30.625%; bottom:28.654%;}
.banner-2-2 .shu .w-2{ left:19.375%; bottom:35.817%; font-size:31px;}
.banner-2-2 .shu .w-3{ width:13.854%; font-size:24px; left:4.375%; bottom:39.112%;}
.banner-2-2 .shu .w-4{ width:10.208%; font-size:18px; left:-7.8125%; bottom:53.009%;}
.banner-2-2 .shu .w aside{ position:absolute; font-size:16px; }
.banner-2-2 .shu .w aside span{ opacity:0.4;}
.banner-2-2 .shu .w-4 aside{width:41.8367%;}
.banner-2-2 .shu .w-4 aside.s-1{ top:80%; right:81.633%;}
.banner-2-2 .shu .w-4 aside.s-2{ right:122.45%; top:112%;}
.banner-2-2 .shu .w-5{ font-size:22px; width:12.395%; left:6.771%; bottom:61.891%;}
.banner-2-2 .shu .w-5 aside.s-1{ width:46.219%; top:90.54%; right:58.824%;}
.banner-2-2 .shu .w-5 aside.s-1 span{ left:67%; top:31%;}
.banner-2-2 .shu .w-5 aside.s-2{ width:34.454%; top:68.92%; right:100%;}
.banner-2-2 .shu .w-6{ width:8.854%; bottom:83.094%; left:16.667%;}
.banner-2-2 .shu .w-7{ font-size:17px; right:13.125%; bottom:88.825%; width:6.458%;}
.banner-2-2 .shu .w-7 span{ top:60%; left:40%;}
.banner-2-2 .shu .w-8{  font-size:24px;width:20.625%; right:-6.04%; bottom:70.774%}
.banner-2-2 .shu .w-8 span{ opacity:0.5; left:30%;}
.banner-2-2 .shu .w-9{  font-size:24px; width:12.084%; right:1%; bottom:53.724%;}
.banner-2-2 .shu .w-9 span{ left:40%;}
.banner-2-2 .shu .w-10{ font-size:20px; opacity:0.4; bottom:43.84%; right:1.5625%;}
.banner-2-2 .shu .w-11{ font-size:24px; width:10.834%; bottom:34.384%; right:10.417%;}
.banner-2-2 .shu .w-11 span{ left:40%;}
.banner-2-2 .shu .w-12{font-size:24px; right:24.896%; bottom:30.086%;}
.banner-2-2 .shu > img{ display:block; height:100%; margin:0 auto; max-width:none;}
.banner-2-2 .txt{ font-size:36px; top:19%; left:-3%; position:absolute; color:#fff; /*font-weight:bold;*/}
.banner-2-2 .txt span{ font-size:50px;}
.banner-2-2 .logo{ position:absolute; left:0; top:12.3%; width:100%; text-align:center; height:55.677%;}
.banner-2-2 .logo img{ height:100%;}
@media(max-width:1440px){
.banner-2-2 .shu .w aside{font-size:12px; }
.banner-2-2 .shu .w > span{font-size:14px; }
.banner-2-2 .shu .w-2{ font-size:24px;}
.banner-2-2 .shu .w-5{ font-size:18px;}
.banner-2-2 .shu .w-7{ font-size:14px; }
.banner-2-2 .shu .w-8,
.banner-2-2 .shu .w-9,
.banner-2-2 .shu .w-1,
.banner-2-2 .shu .w-11,
.banner-2-2 .shu .w-12{ font-size:17px;}
.banner-2-2 .shu .w-10{ font-size:16px; }
.banner-2-2 .txt{ left:0; font-size:30px;}
.banner-2-2 .txt span{ font-size:45px;}
}

.banner-2-3{ height:100%; position:relative;background:url(../images/bg.jpg) no-repeat center center; background-size:cover;}
.banner-2-3 .edit-title{ position:absolute; left:0; width:100%;top:8%; padding:0;}


.gallery_container{ position:absolute;height:70%; width:100%; left:0; top:25%;}
.threeD_gallery_wrap{position:absolute;left:50%;top:0;transform:translate(-50%,0);-webkit-perspective:1000px;-moz-perspective:1000px;-ms-perspective:1000px;perspective:1000px}
.threeD_gallery_item{position:absolute;width:100%;height:100%;cursor:pointer;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.threeD_gallery_item.front_side{cursor:auto;}
.gallery_container .gallery_wrap{width:821px;height:409px;}

 .gallery_out{-webkit-transform: translate3d(0px, 0px, -2560px) rotateX(0deg) rotateY(0deg);transform: translate3d(0px, 0px, -2560px) rotateX(0deg) rotateY(0deg);}
 .front_side{z-index:5;-webkit-transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg);transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg);}
.gallery_right_middle{z-index:3;-webkit-transform: translate3d(300px, 0px, -112px) rotateX(0deg) rotateY(-30deg);transform: translate3d(300px, 0px, -112px) rotateX(0deg) rotateY(-30deg);}
.gallery_left_middle{z-index:3;-webkit-transform: translate3d(-300px, 0px, -112px) rotateX(0deg) rotateY(30deg);transform: translate3d(-300px, 0px, -112px) rotateX(0deg) rotateY(30deg);}

.gallery_first{z-index:2;-webkit-transform: translate3d(-575px, 0px, -140px) rotateX(0deg) rotateY(64deg);transform: translate3d(-575px, 0px, -140px) rotateX(0deg) rotateY(64deg);}

.gallery_last{z-index:2;-webkit-transform:translate3d(575px, 0px, -140px) rotateX(0deg) rotateY(-64deg);transform: translate3d(575px, 0px, -140px) rotateX(0deg) rotateY(-64deg)}

.gallery_container .gallery_wrap img{width:100%}

.gallery_container .gallery_item img.show{visibility:visible}
.gallery_container .gallery_item img{width:100%;height:100%;visibility:hidden}
.gallery_container .prev{ margin-left:-452px; background-image:url(../images/edit/prev.png);}
.gallery_container .next{ margin-left:350px;background-image:url(../images/edit/next.png);}
.gallery_container .prev,
.gallery_container .next{position: absolute; background-repeat:no-repeat; background-position: center center; bottom: 0;width: 105px;height: 79px;z-index:99;cursor: pointer; left:50%;}

.gallery_container .title{ font-size:20px; padding:10px 8% 0;  transition:0.3s; color:#333;}
.gallery_container .front_side .title{ text-align:center; font-size:24px; padding-top:35px;}
.gallery_container .gallery_out .title{ opacity:0; font-size:0;}
.gallery_container .gallery_right_middle .title,
.gallery_container .gallery_last .title{ text-align:right;}

@media(max-width:1440px){
.gallery_container .gallery_wrap{ width:560px; height:318px;}
.banner-2-3 .edit-title{ font-size:28px;}
.banner-2-3 .edit-title p{ margin-top:5px;}
.gallery_container .prev, .gallery_container .next{ bottom:-34px;}
}

.banner-2-4{overflow:hidden;}
.banner-2-4 .auto{ max-width:1200px; text-align:center; }
.banner-2-4 h1{ margin:0; padding-top:78px; font-size:60px; color:#333;}
.banner-2-4 h1:after{ display:block; content:''; width:12px; height:16px; border-left:3px solid #333; border-right:3px solid #333; margin:10px auto}
.banner-2-4 h2{ color:#333; margin:0 auto;}
.banner-2-4 .img{ position:relative; display:table; margin:0 auto; padding-top:47px;}
.banner-2-4 .img li{ text-align:left; position:absolute;}
.banner-2-4 .img li h4{ margin:15px 0; color:#333;}
.banner-2-4 .img li p{margin:0; line-height:26px; font-size:14px; width:270px; color:#666;}
.banner-2-4 .img li.li-1,
.banner-2-4 .img li.li-2{ text-align:right;  }
.banner-2-4 .img li.li-1{top:0;left:-340px; background:url(../images/edit/line-1.png) no-repeat right 89px; padding-right:127px;}
.banner-2-4 .img li.li-2{left:-330px; bottom:0; background:url(../images/edit/line-2.png) no-repeat right 57px; padding-right:140px;}
.banner-2-4 .img li.li-3{top:13px; right:-312px; padding-left:158px; background:url(../images/edit/line-3.png) no-repeat left 73px;}
.banner-2-4 .img li.li-4{ bottom:20px; right:-313px; padding-left:150px; background:url(../images/edit/line-4.png) no-repeat left 52px;}
@media(max-width:1366px){
.banner-2-4 .img li p{ width:250px;}
}

.banner-2-5{overflow:hidden;}
.banner-2-5 .bg{ width:50%;}
.banner-2-5 .bg-1{ background:#d0d0d4;}
.banner-2-5 .bg-2{ left:auto; right:0; background:#484559;}
.banner-2-5 .main{ position:relative; z-index:2; padding-top:50px;}
.banner-2-5 .txt{ text-align:center; width:740px; position:relative; margin:0 auto 10px;}
.banner-2-5 .txt > div{ width:50%; overflow:hidden;}
.banner-2-5 .txt aside{ width:740px; }
.banner-2-5 .txt-1{color:#333;}
.banner-2-5 .txt-2{ position:absolute; right:0; top:0; height:100%; color:#fff;}
.banner-2-5 .txt-2 aside{ position:absolute; right:0; top:0;}
.banner-2-5 .txt p{ line-height:30px;}
.banner-2-5 .txt h1{ margin:0; font-size:36px; }
.banner-2-5 .inner{ display:table; margin:0 auto; position:relative;}
.banner-2-5 .inner > img{ transition:1s;}
.banner-2-5 .inner > img.animated{ transform:rotate(360deg);}
.banner-2-5 .inner .pic{ width:85.8%;position:absolute; bottom:-30px; text-align:center;}
.banner-2-5 .inner .pic-1{ right:50%;color:#333;}
.banner-2-5 .inner .pic-2{ left:50%; color:#fff;}
.banner-2-5 .inner .pic h5{ font-weight:normal; margin:0; padding-bottom:10px;}
.banner-2-5 .inner .pic aside{ opacity:0.8; font-size:14px;}
.banner-2-5 .inner dl.w{ position:absolute;}
.banner-2-5 .inner dl.w dd{ position:absolute; word-break:keep-all;}
.banner-2-5 .inner dl.w dd h2{ margin:0; font-weight:normal; }
.banner-2-5 .inner dl.w dd i{ display:inline-block; vertical-align:middle; position:relative; width:16px; height:2px; background:#ffa800;}
.banner-2-5 .inner dl.w dd i:before{ position:absolute; content:''; width:10px; height:10px; border-radius:50%; border:2px solid #ffa800; top:50%; margin-top:-5px;}
.banner-2-5 .inner dl.w-1{ right:133%; top:16.8%;}
.banner-2-5 .inner dl.w-1 dd{ text-align:right;}
.banner-2-5 .inner dl.w-1 dd p{ line-height:28px; margin:0;}
.banner-2-5 .inner dl.w-1 dd i{ margin-left:27px; }
.banner-2-5 .inner dl.w-1 dd i:before{ right:100%; margin-right:4px;}
.banner-2-5 .inner dl.w-1 dd h2{color:#333;}
.banner-2-5 .inner dl.w-1 .d-1{ width:205px; right:0;}
.banner-2-5 .inner dl.w-1 .d-1 p{ text-align:center;}
.banner-2-5 .inner dl.w-1 .d-2{ right:180px; width:154px; top:136px;}
.banner-2-5 .inner dl.w-1 .d-2 i{ background-color:#21abbd;}
.banner-2-5 .inner dl.w-1 .d-2 i:before{ border-color:#21abbd;}
.banner-2-5 .inner dl.w-1 .d-2 h2{ font-size:26px; }
.banner-2-5 .inner dl.w-1 .d-2 p{ text-align:left;}
.banner-2-5 .inner dl.w-1 .d-3{ right:43px; top:220px; width:130px;}
.banner-2-5 .inner dl.w-1 .d-3 h2{ opacity:0.78; font-size:26px;}
.banner-2-5 .inner dl.w-1 .d-3 i{ background-color:#ff6c00;}
.banner-2-5 .inner dl.w-1 .d-3 i:before{ border-color:#ff6c00;}
.banner-2-5 .inner dl.w-2{ left:135%; top:13%;}
.banner-2-5 .inner dl.w-2 dd{ width:200px; color:#fff;}
.banner-2-5 .inner dl.w-2 dd i{ margin-right:27px; }
.banner-2-5 .inner dl.w-2 dd i:before{ left:100%; margin-left:4px;}

.banner-2-5 .inner dl.w-2 .d-1{ left:77px; top:0;}
.banner-2-5 .inner dl.w-2 .d-2{ left:193px; top:37px;}
.banner-2-5 .inner dl.w-2 .d-3{ left:0; top:76px;}
.banner-2-5 .inner dl.w-2 .d-4{ left:286px; top:90px;}
.banner-2-5 .inner dl.w-2 .d-5{ left:91px; top:150px;}
.banner-2-5 .inner dl.w-2 .d-6{ left:233px; top:177px;}
.banner-2-5 .inner dl.w-2 .d-7{ left:26px; top:212px;}
.banner-2-5 .inner dl.w-2 .d-8{ left:317px; top:241px;}
.banner-2-5 .inner dl.w-2 .d-9{ left:137px; top:290px;}

.banner-2-5 .inner dl.w-2 dd h2{ display:inline-block;}
.banner-2-5 .inner dl.w-2 .d-1 h2{ font-size:16px;}
.banner-2-5 .inner dl.w-2 .d-2 h2{ font-size:24px; opacity:0.3;}
.banner-2-5 .inner dl.w-2 .d-3 h2{ font-size:36px;}
.banner-2-5 .inner dl.w-2 .d-4 h2{ font-size:14px;opacity:0.6;}
.banner-2-5 .inner dl.w-2 .d-5 h2{ font-size:20px;  opacity:0.4;}
.banner-2-5 .inner dl.w-2 .d-6 h2{ font-size:20px;}
.banner-2-5 .inner dl.w-2 .d-7 h2{ font-size:30px;  opacity:0.4;}
.banner-2-5 .inner dl.w-2 .d-8 h2{ font-size:14px;  opacity:0.22;}
.banner-2-5 .inner dl.w-2 .d-9 h2{ font-size:18px;  opacity:0.56;}

.banner-2-5 .inner dl.w-2 .d-1 i{ background-color:#7cb94f;}
.banner-2-5 .inner dl.w-2 .d-1 i:before{ border-color:#7cb94f;}
.banner-2-5 .inner dl.w-2 .d-2 i{ background-color:#6e40e2;}
.banner-2-5 .inner dl.w-2 .d-2 i:before{ border-color:#6e40e2;}
.banner-2-5 .inner dl.w-2 .d-3 i{ background-color:#9351b5;}
.banner-2-5 .inner dl.w-2 .d-3 i:before{ border-color:#9351b5;}
.banner-2-5 .inner dl.w-2 .d-7 i,
.banner-2-5 .inner dl.w-2 .d-4 i{ background-color:#c438b2;}
.banner-2-5 .inner dl.w-2 .d-7 i:before,
.banner-2-5 .inner dl.w-2 .d-4 i:before{ border-color:#c438b2;}
.banner-2-5 .inner dl.w-2 .d-6 i{ background-color:#237db8;}
.banner-2-5 .inner dl.w-2 .d-6 i:before{ border-color:#237db8;}
.banner-2-5 .inner dl.w-2 .d-9 i{ background-color:#21abbd;}
.banner-2-5 .inner dl.w-2 .d-9 i:before{ border-color:#21abbd;}
@media(max-width:1440px){
.banner-2-5 .inner{ width:310px;}
.banner-2-5 .inner .pic aside{ line-height:20px; height:40px;}
.banner-2-5 .main{ padding-top:100px;}
.banner-2-5 .txt{ margin-bottom:50px;}
.banner-2-5 .inner .pic{ bottom:-60px;}
.banner-2-5 .inner dl.w-2 .d-8{ left:285px;}
}

.banner-2-6{ position:relative; height:100%;}
.banner-2-6 .img{ position:absolute; top:0; left:0; width:100%; height:100%; background-position:center bottom; background-repeat:no-repeat; background-color:#05a2c9;}
.banner-2-6 .title{ text-align:center; position:relative; top:7.75%; z-index:2; font-size:36px; color:#fff;}
.banner-2-6 .title p{ font-size:16px;}
.banner-2-6 .auto{ z-index:1; position:absolute; text-align:center; left:0; bottom:0; width:100%; height:90%;}
.banner-2-6 .auto .inner{ height:100%; display:inline-block; position:relative; }
.banner-2-6 .pic img,
.banner-2-6 .auto .inner > img{ display:block; height:100%; max-width:none;}
.banner-2-6 .pic{  bottom:7.5%; text-align:center; position:absolute; left:0; width:100%; height:40.625%;}
.banner-2-6 .pic img{ margin: 0 auto;}
.banner-2-6 .inner dl{ position:absolute; left:0; top:0; width:100%; height:100%;}
.banner-2-6 .inner dd{ opacity:0; transition:1s 0.4s; font-size:20px; width:7.968%; height:13.688%; position:absolute; color:#fff; text-align:center; }
.banner-2-6 .inner .animated dd{ opacity:1;}
.banner-2-6 .inner dd img{ height:100%; max-width:none;}
.banner-2-6 .inner dd aside{ position:absolute; left:50%; width:200px; margin-left:-100px; bottom:-40px;}
.banner-2-6 .inner dd.d-1{left: 25%;bottom: 15%;}
.banner-2-6 .inner dd.d-2{left: 29%;bottom: 32%; transition-delay:0.6s;}
.banner-2-6 .inner dd.d-3{left: 37%;bottom: 38%;transition-delay:0.7s;}
.banner-2-6 .inner dd.d-4{ left: 46%;bottom: 38%; transition-delay:0.8s;}
.banner-2-6 .inner dd.d-5{left: 54%;bottom: 32%;transition-delay:0.9s;}
.banner-2-6 .inner dd.d-6{bottom: 26%;right: 29%; transition-delay:1s;}
.banner-2-6 .inner dd.d-7{bottom: 12%;right: 24%;transition-delay:1.1s;}
.banner-2-6 .inner .animated dd.d-1{ bottom:21%; left:6.25%;}
.banner-2-6 .inner .animated dd.d-2{ bottom:50%; left:14%;}
.banner-2-6 .inner .animated dd.d-3{bottom: 68%;left: 28%;}
.banner-2-6 .inner .animated dd.d-4{bottom: 75%;left: 46%; }
.banner-2-6 .inner .animated dd.d-5{bottom: 69%;left: 67%;}
.banner-2-6 .inner .animated dd.d-6{ bottom:47%; right:14%;}
.banner-2-6 .inner .animated dd.d-7{ bottom:21%; right:6.25%;}
@media(max-width:1440px){
.banner-2-6 .title{ top:4%;}
.banner-2-6 .inner dd{ font-size:16px; }
}

.banner-2-7{ position:relative; height:600px;}
.banner-2-7 .bg{ position:absolute; left:0; top:0; width:100%; background:#4393ca; height:100%; z-index:1;}
.banner-2-7 .auto-inner{ max-width:1440px; position:relative; z-index:2;}
.banner-2-7 .edit-title{ color:#fff; text-align:left; width:530px; padding-top:216px;}
.banner-2-7 .edit-title p{ opacity:0.8;}
.banner-2-7 .mac,
.banner-2-7 .macbg,
.banner-2-7 dl dd{ position:absolute;}
.banner-2-7 .mac{ right:-115px; top:78px; z-index:10;}
.banner-2-7 .macbg{ z-index:2; top:89px; right:-64px;}
.banner-2-7 dl dd{ z-index:3;right:474px; opacity:0; top:251px; transition:0.5s 1s;}
.banner-2-7 dl .d-1{ z-index:5;right:335px;}
.banner-2-7 .animated dl dd{ opacity:1;}
.banner-2-7 .animated dl .d-1{right:474px; transition-delay:0.5s;}
.banner-2-7 .animated dl .d-2{right:635px; top:100px; }
.banner-2-7 .animated dl .d-3{right:710px; top:263px; }
.banner-2-7 .animated dl .d-4{right:648px; top:410px; }
@media(max-width:1366px){
.banner-2-7 .edit-title{width:446px;}
}


.same-banner{ background:#f7f7f7;}
.same-banner .slider-big li{ position:relative; overflow:hidden;}
.same-banner .slider-big li .bg{ height:539px; background-position:center top; background-repeat:no-repeat;}
.same-banner .slider-big li .txt{ position:absolute; top:18.55%; z-index:10;color:#fff;opacity:0; transform:translateX(-50%); -webkit-transform:translateX(-50%);-ms-transform:translateX(-50%); transition:0.5s;}
.same-banner .slider-big li#an-show .txt{opacity:1; transform:translateX(0);}
.same-banner .slider-big li section{ max-width:485px;}
.same-banner .slider-big li h1{ margin:0; font-size:36px;}
.same-banner .slider-big li h1:after{ display:block; content:''; width:48px; height:2px;opacity:0.5;background:#fff;  margin:30px 0;}
.same-banner .slider-big li p{ line-height:30px; margin-bottom:30px;}
.same-banner .slider-big li .more{ color:#fa6b03; width:188px; line-height:50px; text-align:center; border:1px solid #fa6b03; display:block; transition:0.3s; border-radius:50px;}
.same-banner .slider-big li .more:hover{ background:#fa6b03; color:#fff;}

.banner-4 .slider-big li.li-3 .txt{left:7.291%;max-width:430px; }
.banner-4 .slider-big li.li-3 .img{ position:absolute; z-index:2; width:11.193%;transition:0.5s; opacity:0;transform:translateY(50%); -webkit-transform:translateY(50%); -ms-transform:translateY(50%);}
.banner-4 .slider-big li.li-3#an-show .img{ opacity:1;transform:translateY(0); -webkit-transform:translateY(0); -ms-transform:translateY(0);}
.banner-4 .slider-big li.li-3 .img-1{ width:27.431%; left:5.78%; bottom:-21.15%; transition-delay:0.3s;}
.banner-4 .slider-big li.li-3 .img-2{ bottom:-30.428%; left:32.58%; transition-delay:0.5s;}
.banner-4 .slider-big li.li-3 .img-3{ left:45.402%; bottom:-19.12%; transition-delay:0.7s;}
.banner-4 .slider-big li.li-3 .img-4{ left:58.2%;bottom:-19.12%; transition-delay:0.9s;}
.banner-4 .slider-big li.li-3 .img-5{ width:31.319%; right:0; bottom:-28.2%; transition-delay:1.1s;}
.banner-4 .slider-big li.li-3 .img-4 i{ position:absolute; width:58.686%; left:20.657%; top:19.369%; height:29.955%; }
.banner-4 .slider-big li.li-3 .img-4 i:before{ opacity:0.5; content:''; position:absolute; left:0; width:100%; height:3px; border-radius:50%; top:0; animation:infinite linear 4s 0.3s sao;
background: -moz-radial-gradient(center, ellipse cover, rgba(156,250,48,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(156,250,48,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(156,250,48,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9cfa30', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
@keyframes sao{
0%{ top:0;}
100%{ top:100%;}
}

.banner-4 .slider-big li.li-2 .txt{right:2%; width:35.5%; color:#555; top:24.489%;}
.banner-4 .slider-big li.li-2 h1:after{ background:#555; opacity:1;}

.banner-4 .slider-big li.li-1 .txt{right:2%; width:32.531%;}
.banner-4 .slider-big li.li-1 h1{ line-height:50px;}
.banner-4 .slider-big li.li-1 .bg{ background-color:#303845;}
.banner-4 .slider-big li.li-1 .img{ position:absolute; width:60.22%; left:0; bottom:-9.276%;}
.banner-4 .slider-big li.li-1 .img > div{ opacity:0; transform:translateY(50%); -webkit-transform:translateY(50%); -ms-transform:translateY(50%); transition:0.6s ease-in-out;}
.banner-4 .slider-big li.li-1#an-show .img > div{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -ms-transform:translateY(0);}
.banner-4 .slider-big li.li-1 .img > div img{ display:block; width:100%;}
.banner-4 .slider-big li.li-1 .img > div.img-2{ transition-delay:0.5s; position:absolute; left:0; bottom:0; width:100%;}
.banner-4 .slider-big li.li-1 .img li{ overflow:inherit; position:absolute; z-index:10; top:14.471%;  border-left:1px solid #ffa200;  width:50%; opacity:0;height:30.8%; transition:0.5s 1.2s;transform:translateY(50%); -webkit-transform:translateY(50%); -ms-transform:translateY(50%);}
.banner-4 .slider-big li.li-1#an-show .img li{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -ms-transform:translateY(0);}
.banner-4 .slider-big li.li-1 .img li span{ position:absolute; left:-1px;  top:-13px;padding:0 20px; line-height:40px; color:#fff; border-radius:15px 0; font-size:18px; 
background: rgb(255,132,0); /* Old browsers */
background: -moz-linear-gradient(45deg, rgba(255,132,0,1) 48%, rgba(255,217,0,1) 93%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(255,132,0,1) 48%,rgba(255,217,0,1) 93%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(255,132,0,1) 48%,rgba(255,217,0,1) 93%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8400', endColorstr='#ffd900',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.banner-4 .slider-big li.li-1 .img li.li-4,
.banner-4 .slider-big li.li-1 .img li.li-1{ left:17.1%}
.banner-4 .slider-big li.li-1 .img li.li-5,
.banner-4 .slider-big li.li-1 .img li.li-2{ left:46.859%}
.banner-4 .slider-big li.li-1 .img li.li-6,
.banner-4 .slider-big li.li-1 .img li.li-3{ left:80.104%}
.banner-4 .slider-big li.li-1 .img li.li-4,
.banner-4 .slider-big li.li-1 .img li.li-5,
.banner-4 .slider-big li.li-1 .img li.li-6{ top:70.5%;}
.banner-4 .slider-big li.li-1 .img li.li-2{ transition-delay:1.3s;}
.banner-4 .slider-big li.li-1 .img li.li-3{ transition-delay:1.4s;}
.banner-4 .slider-big li.li-1 .img li.li-4{ transition-delay:1.5s;}
.banner-4 .slider-big li.li-1 .img li.li-5{ transition-delay:1.6s;}
.banner-4 .slider-big li.li-1 .img li.li-6{ transition-delay:1.7s;}
@media(max-width:1440px){
.banner-4 .slider-big li .bg{ height:478px; background-size:cover;}
.banner-4 .slider-big li.li-3 .img{ margin-bottom:3%;}
.banner-4 .slider-big li.li-1 .img{ bottom:0;}
}

.same-banner .slider-small{ margin-top:-36px;}
.same-banner .slider-small li{ cursor:pointer;padding-top:26px; transition:padding 0.3s; }
.same-banner .slider-small li.slick-current{ padding-top:10px;}
.same-banner .slider-small li .inner{position:relative;background-color:#5b677c; text-align:center; color:#fff; border-bottom:8px solid #49566b; border-color:transparent;}
.same-banner .slider-small li .inner i{ opacity:0; position:absolute; left:50%; margin-left:-10px; top:-20px; width:0; height:0; border:10px solid transparent; border-bottom-color:#5b677c;}
.same-banner .slider-small li .inner a{ position:absolute; left:0; width:100%; height:100%; top:0; z-index:10;}
.same-banner .slider-small li.li-3 .inner{background-color:#df9130;}
.same-banner .slider-small li.li-3 .inner i{ border-bottom-color:#df9130;}
.same-banner .slider-small li.li-4 .inner{background-color:#df6e30;}
.same-banner .slider-small li.li-4 .inner i{ border-bottom-color:#cc5a1c;}
.same-banner .slider-small li .inner h4{ margin:0; padding-top:50px;}
.same-banner .slider-small li.slick-current .inner{ border-bottom-color:#49566b;}
.same-banner .slider-small li.li-3.slick-current .inner{ border-bottom-color:#c08b2e;}
.same-banner .slider-small li.li-4.slick-current .inner{ border-bottom-color:#cc5a1c;}
.same-banner .slider-small li.slick-current i{ opacity:1;}

.banner-4-1{}
.banner-4-1 .auto{ width:875px; margin: 0 auto; color:#fff; text-align:center;}
.banner-4-1 h1{ font-size:36px; margin:0; padding:73px 0 20px 0;}
.banner-4-1 p{ line-height:28px; opacity:0.8; margin:0; padding-bottom:42px;}
.banner-4-1 .data{ width:495px; height:495px; position:relative; margin:0 auto; transition:1s 0.5s; transform:scale(0) rotate(0);}
.banner-4-1 .data.animated{ transform:scale(1) rotate(360deg);}
.banner-4-1 .data ul{ position:absolute; display:table; width:296px; left:50%; margin-left:-145px; top:198px; font-size:18px;}
.banner-4-1 .data li{ display:table-cell; vertical-align:middle;width:50%; line-height:26px;}
.banner-4-1 .data dd{ position:absolute; font-size:18px;}
.banner-4-1 .data dd span{ display:block;}
.banner-4-1 .data dd.d-1{left: 43px; bottom: 102px;}
.banner-4-1 .data dd.d-2{left: 17px;top: 108px;}
.banner-4-1 .data dd.d-3{left: 177px;top: 0;}
.banner-4-1 .data dd.d-4{right: -29px; top: 142px;}
.banner-4-1 .data dd.d-5{right: -6px;bottom: 127px;}
.banner-4-1 .data dd.d-1 span{ transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg);}
.banner-4-1 .data dd.d-2 span{ transform:rotate(-59deg); -webkit-transform:rotate(-59deg); -ms-transform:rotate(-59deg);}
.banner-4-1 .data dd.d-4 span{ transform:rotate(68deg); -webkit-transform:rotate(68deg); -ms-transform:rotate(68deg);}
.banner-4-1 .data dd.d-5 span{ transform:rotate(-56deg); -webkit-transform:rotate(-56deg); -ms-transform:rotate(-56deg);}
.banner-4-1 .data dd aside{ position:absolute; padding:0 5px; min-width:80px; background:rgba(0,0,0,0.24); border:1px solid rgba(255,255,255,0.4); line-height:32px; border-radius:5px; word-break:keep-all; opacity:0; transition-duration:0.5s; transition-property:all;}
.banner-4-1 .data dd.d-1 aside{right: 86px;  top: 44px;transition-delay:1.3s;}
.banner-4-1 .data dd.d-2 aside{right: 115px;top: 65px; transition-delay:1.4s;}
.banner-4-1 .data dd.d-3 aside{right: 210px;top: -4px; transition-delay:1.5s;}
.banner-4-1 .data dd.d-4 aside.a-1{right: 40px;top: -158px; transition-delay:1.6s;}
.banner-4-1 .data dd.d-4 aside.a-2{left: 123px;top: 20px; transition-delay:1.7s;}
.banner-4-1 .data dd.d-5 aside.a-1{right: -79px;  top: -27px; transition-delay:1.8s;}
.banner-4-1 .data dd.d-5 aside.a-2{left: -4px;top: 127px; transition-delay:1.9s;}
.banner-4-1 .data dd.d-1 aside,
.banner-4-1 .data dd.d-2 aside,
.banner-4-1 .data dd.d-3 aside{ transform:translateX(-40px); -webkit-transform:translateX(-40px); -ms-transform:translateX(-40px);}
.banner-4-1 .data dd.d-4 aside.a-1,
.banner-4-1 .data dd.d-4 aside.a-2,
.banner-4-1 .data dd.d-5 aside.a-1,
.banner-4-1 .data dd.d-5 aside.a-2{ transform:translateX(40px); -webkit-transform:translateX(40px); -ms-transform:translateX(40px);}
.banner-4-1 .data.animated dd aside{ opacity:1; transform:translateX(0) !important; -webkit-transform:translateX(0) !important; -ms-transform:translateX(0) !important;}

.banner-4 .slider-big li.li-4 .txt{left:50%;}
/*.banner-5 .slider-big li.li-1 .txt{ width:1200px;  margin-left:-600px;}
.banner-5 .slider-big li.li-1 section{ max-width:534px;}
.banner-5 .slider-big li.li-1 .img{ position:absolute; right:0; bottom:-8%; width:53.39%; transform:translateY(50%); -webkit-transform:translateY(50%); -ms-transform:translateY(50%); opacity:0; transition:0.8s;}
@media(max-width:1366px){
.banner-5 .slider-big li.li-1 .img{ width:65%;}
}
.banner-5 .slider-big li.li-1#an-show .img{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -ms-transform:translateY(0);}*/

.banner-4 .slider-big li.li-4 .txt{ width:1360px; margin-left:-690px;top:0;}
@media(max-width:1366px){
.banner-4 .slider-big li.li-4 .txt{width:1280px; margin-left:-640px;}
}
.banner-4 .slider-big li.li-4 .txt p{ height:68px;}
.banner-4 .slider-big li.li-4 .txt section{ width:340px;}
.banner-4 .slider-big li.li-4 .txt dd{ float:left; width:33.33%; text-align:center; opacity:0; transform:translateX(50%); -webkit-transform:translateX(50%); -ms-transform:translateX(50%); transition:0.5s 0.5s;}
.banner-4 .slider-big li.li-4 .txt dd aside{font-size:18px; line-height:30px; padding-top:25px;}
.banner-4 .slider-big li.li-4#an-show .txt dd{ opacity:1; transform:translateX(0);}
.banner-4 .slider-big li.li-4#an-show .txt dd:nth-child(2){ transition-delay:0.8s;}
.banner-4 .slider-big li.li-4#an-show .txt dd:nth-child(3){ transition-delay:1.2s;}
.banner-4 .slider-big li.li-5 .bg{ background-color:#5b9cbd;}
.banner-4 .slider-big li.li-5 .txt{ left:0; width:100%; margin:0; top:75px; text-align:center;transform:translateX(0); -webkit-transform:translateX(0);-ms-transform:translateX(0);}
.banner-4 .slider-big li.li-5 .txt section{ max-width:none;}
.banner-4 .slider-big li.li-5 h1:after{ margin-left:auto; margin-right:auto;}
.banner-4 .slider-big li.li-5 .more{ border-color:#fff; color:#fff; margin:0 auto;}
.banner-4 .slider-big li.li-5 .more:hover{border-color:#fa6b03;}
.banner-4 .slider-big li.li-5 p{ height:176px; margin:0 auto;}
.banner-4 .slider-big li.li-5 .img{ position:absolute; left:50%; width:1220px; margin-left:-610px; text-align:center; top:145px;}
.banner-4 .slider-big li.li-5 dl{ position:absolute; top:-69px; text-align:center;}
.banner-4 .slider-big li.li-5 dt{padding-left:52px; margin-bottom:290px;}
.banner-4 .slider-big li.li-5 dd{ padding-left:52px;}
.banner-4 .slider-big li.li-5 dl span{ display:inline-block; vertical-align:middle; color:#fff; margin-left:20px;}
.banner-4 .slider-big li.li-5 .dl-1{ left:0; width:335px;}
.banner-4 .slider-big li.li-5 .dl-2{ right:0; width:344px;}
.banner-4 .slider-big li.li-5 dd img{ opacity:0;}

.banner-4 .slider-big li.li-5#an-show dt img{ animation:infinite 3s 0.3s linear  banner-5-dt;}
.banner-4 .slider-big li.li-5#an-show dd img{ animation:infinite 3s 0.3s linear banner-5-dd;}
@keyframes banner-5-dt{
  0%{ transform:translateY(0) scale(1); opacity:1; }
  25%{ transform:translateY(112px) scale(0.5);}
  50%{ transform:translateY(224px) scale(0); opacity:0;}
  99%{ opacity:0;}
  100%{ transform:translateY(0) scale(1); opacity:1;}
}
@-webkit-keyframes banner-5-dt{
  0%{ transform:translateY(0) scale(1); opacity:1; }
  25%{ transform:translateY(112px) scale(0.5);}
  50%{ transform:translateY(224px) scale(0); opacity:0;}
  99%{ opacity:0;}
  100%{ transform:translateY(0) scale(1); opacity:1;}
}
@-ms-keyframes banner-5-dt{
  0%{ transform:translateY(0) scale(1); opacity:1; }
  25%{ transform:translateY(112px) scale(0.5);}
  50%{ transform:translateY(224px) scale(0); opacity:0;}
  99%{ opacity:0;}
  100%{ transform:translateY(0) scale(1); opacity:1;}
}
@keyframes banner-5-dd{
 0%{transform:translateY(-224px); opacity:0;}
 60%{transform:translateY(0); opacity:0;}
  100%{ opacity:1;}
}
@-webkit-keyframes banner-5-dd{
 0%{transform:translateY(-224px); opacity:0;}
 60%{transform:translateY(0); opacity:0;}
  100%{ opacity:1;}
}
@-ms-keyframes banner-5-dd{
 0%{transform:translateY(-224px); opacity:0;}
 60%{transform:translateY(0); opacity:0;}
  100%{ opacity:1;}
}

.banner-5-1{ overflow:hidden;}
.banner-5-1 .auto{ position:relative; width:1200px; height:100%;}
.banner-5-1 .txt{ color:#fff; position:absolute; width:50%; max-width:540px; left:-6.41%; top:40%;}
.banner-5-1 .txt h1{ margin:0; font-size:36px;}
.banner-5-1 .txt p{ line-height:30px; margin-top:30px; opacity:0.8;}
.banner-5-1 .img{ position:absolute; right:-16.42%; top:10%; width:76.417%;}
@media(max-width:1440px){
.banner-5-1 .txt{ left:-70px;width:30%;}
.banner-5-1 .img{ right:-70px;}
}
@media(max-width:1366px){
.banner-5-1 .txt{ left:-40px;}
.banner-5-1 .img{ right:-40px;}
}


.banner-5-2 .auto{ width:1238px;}
.banner-5-2 h1{ font-size:36px; text-align:center; color:#fff; margin:0 auto; padding:87px 0 193px 0;}
.banner-5-2 .img{ position:absolute; left:50%; width:1238px; margin-left:-617px; text-align:center; top:317px;}
.banner-5-2 dl{ position:absolute; top:-86px; text-align:center;}
.banner-5-2 dt{padding-left:62px; margin-bottom:342px;}
.banner-5-2 dt img{animation:infinite 3s 0.3s linear  banner-5-2-dt;}
.banner-5-2 dd{ padding-left:62px;}
.banner-5-2 dd img{animation:infinite 3s 0.3s linear  banner-5-dd;}
.banner-5-2 dl span{ display:inline-block; vertical-align:middle; color:#fff; margin-left:20px; font-size:20px;}
.banner-5-2 .dl-1{ left:0; width:392px;}
.banner-5-2 .dl-2{ right:0; width:426px;}
.banner-5-2 dd img{ opacity:0;}

@keyframes banner-5-2-dt{
  0%{ transform:translateY(0) scale(1); opacity:1; }
  25%{ transform:translateY(159px) scale(0.5);}
  50%{ transform:translateY(318px) scale(0); opacity:0;}
  99%{ opacity:0;}
  100%{ transform:translateY(0) scale(1); opacity:1;}
}
@-webkit-keyframes banner-5-2-dt{
  0%{ transform:translateY(0) scale(1); opacity:1; }
  25%{ transform:translateY(159px) scale(0.5);}
  50%{ transform:translateY(318px) scale(0); opacity:0;}
  99%{ opacity:0;}
  100%{ transform:translateY(0) scale(1); opacity:1;}
}
@-ms-keyframes banner-5-2-dt{
  0%{ transform:translateY(0) scale(1); opacity:1; }
  25%{ transform:translateY(159px) scale(0.5);}
  50%{ transform:translateY(318px) scale(0); opacity:0;}
  99%{ opacity:0;}
  100%{ transform:translateY(0) scale(1); opacity:1;}
}

.banner-6{ height:600px; position:relative; overflow:hidden;}
.banner-6 .auto{width:1356px; margin:0 auto; height:100%; /*overflow:hidden;*/ position:relative; z-index:2;}
.banner-6 .bg{ z-index:1; position:absolute; left:0;  top:0;width:100%; height:100%; background-repeat:no-repeat; background-position:center top; animation:infinite 60s linear banner-6;}

@keyframes banner-6{
0%{ transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1);}
50%{ transform:scale(1.5);-webkit-transform:scale(1.5); -ms-transform:scale(1.5);}
0%{ transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1);}
}
@-webkit-keyframes banner-6{
0%{ transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1);}
50%{ transform:scale(1.5);-webkit-transform:scale(1.5); -ms-transform:scale(1.5);}
0%{ transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1);}
}
@-ms-keyframes banner-6{
0%{ transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1);}
50%{ transform:scale(1.5);-webkit-transform:scale(1.5); -ms-transform:scale(1.5);}
0%{ transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1);}
}

.banner-6 .txt{ color:#fff; padding-top:205px;}
.banner-6 .txt h4{ margin:0; line-height:44px;}
.banner-6 .txt p{ line-height:30px;}
.banner-6 .img{ position:absolute; right:-5.236%; width:53.245%; bottom:0;}

.banner-6 .pic dl{ position:absolute; right:-35px; top:187px; width:550px; transition:0.6s 0.5s ease-in-out; opacity:0; transform:translateY(50%); -webkit-transform:translateY(50%); -ms-transform:translateY(50%);}
.banner-6 .pic dl a{ float:left; font-size:22px; border:1px solid #fff; padding:0 28px; line-height:39px; border-radius:3px; margin-right:8px; margin-bottom:22px; color:#fff; box-shadow: 0 5px 11px rgba(0,255,246,0.2), 0 -5px 11px rgba(0,255,246,0.2), -5px 0 11px rgba(0,255,246,0.2), 5px 0 11px rgba(0,255,246,0.2); font-family:'幼圆';}

.banner-6 .pic.animated dl{ transform:translateY(0); -webkit-transform:translateY(0); -ms-transform:translateY(0); opacity:1;}

.banner-6 .pic{ position:absolute; left:7.883%; top:20%; z-index:10;}
.banner-6 .bg-1{ animation:none;}
@media(max-width:1440px){
.banner-6 .auto{ width:1200px;}
}

.banner-7{ position:relative; z-index:1; overflow:hidden;}
.banner-7 .auto{ position:relative; z-index:3; height:600px; width:1200px; margin:0 auto;}
.banner-7 .bg{ position:absolute; left:0; width:100%; height:100%; top:0; background-position:center top; background-repeat:no-repeat;}
.banner-7 .pic,
.banner-7 .pic img{ position:absolute; right:0; top:0; height:100%; }
.banner-7 .pic{width:580px;}
.banner-7 .pic img{width:100%; }
.banner-7 .pic img.pic-1{ z-index:3;}
.banner-7 .pic img.pic-2,
.banner-7 .pic img.pic-3{ opacity:0;transition:0.5s 1s;}
.banner-7 .pic img.pic-2{ transform:rotate(27deg);}
.banner-7 .pic img.pic-3{ transform:rotate(-41deg);}
.banner-7 .pic.animated img{transform:rotate(0); opacity:1;}
.banner-7 .txt{ position:absolute; left:0; top:250px; color:#fff;}
.banner-7 .txt > *{ margin:0;}
.banner-7 .txt h3{ font-weight:normal;}
.banner-7 .txt h3 span{ color:#efa007;}
.banner-7 .txt h1{ font-size:46px; padding-top:10px;}
.banner-7 .txt h1 span{ color:#ffa800;}


/*banner end*/

.has-fullpage .top-main{ position:fixed; left:0; top:0; width:100%; z-index:200;}
.has-fullpage .menu{ z-index:10; position:fixed; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); right:3.3%;}
.has-fullpage .menu li{ position:relative; }
.has-fullpage .menu li a{ display:block;width:14px; height:14px; margin:10px 0; background:#e5e5e5; border-radius:50%;}
.has-fullpage .menu li span{ position:absolute; right:100%; margin-right:5px; color:#ff6c00; display:none; width:45px; text-align:right; line-height:20px; margin-top:-10px; top:50%;}
.has-fullpage .menu li.active span{ display:block;}
.has-fullpage .menu li span:after{ display:inline-block; content:''; margin-left:13px; background:#ff6c00; width:13px; height:2px; vertical-align:middle;}

.fp-footer{ overflow-y:scroll;}

.video-box{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:300; background:rgba(0,0,0,0.85);}
.video-box .close{ cursor:pointer; width:40px; height:40px; position:fixed; z-index:4; right:20px; top:20px;}
.video-box .close::before,
.video-box .close::after{ position:absolute; content:''; width:80%; left:10%; height:3px; top:50%; margin-top:-1.5px; background:#fff; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.video-box .close::before{ transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.video-box .ytable-cell{ text-align:center;}
.video-box video{ width:90%; max-width:900px;}


.list-phone-case{ padding-bottom:45px;}
.list-phone-case h1{ margin:0; font-size:36px; text-align:center; padding:85px 0 57px 0; color:#333;}
.list-phone-case .edit-title{ padding:70px 0 22px 0;}
.list-phone-case .slider{ margin:0 auto; max-width:1356px; width:96%;}
.list-phone-case .slider li{text-align: center;margin: 28px 0;cursor: pointer;float: left;width: 25%; }
.list-phone-case .slider li .pic{ background:url(../images/phone.png) no-repeat center top; height:458px; padding-left:3px; padding-top:53px;}
.list-phone-case .slider li .pic figure{ overflow:hidden; position:relative;width:200px; margin:0 auto;}
.list-phone-case .slider li .pic figure> img{ display:block; width:100%; height:358px;}
.list-phone-case .slider li .pic dl{ position:absolute; left:-100%; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6); opacity:0; transition:0.3s ease-in-out;}
.list-phone-case .slider li .pic dt{ padding-top:77px; padding-bottom:20px;}
.list-phone-case .slider li .pic dt img{ width:135px; height:135px;}
.list-phone-case .slider li .pic dd{color:#fff; font-size:20px; line-height:30px;}
.list-phone-case .slider li:hover dl{ left:0; opacity:1;}
.list-phone-case .slider li aside{ padding:20px 0;}
.list-phone-case .slick-arrow{ width:48px; height:74px; border:1px solid #e5e5e5; margin-top:-37px;}
.list-phone-case .slick-arrow:hover{ background:#ff6c00; border-color:#ff6c00;}
.list-phone-case .slick-arrow:before{ position:absolute; content:''; width:18px; height:18px; border-top:1px solid #ccc; border-right:1px solid #ccc; transform:rotate(45deg); left:50%; top:50%; margin:-9px 0 0 -13px;}
.list-phone-case .slick-arrow:hover:before{border-color:#fff;}
.list-phone-case .slick-prev{ left:-48px;}
.list-phone-case .slick-prev:before{transform:rotate(-135deg); margin-left:-6px;}
.list-phone-case .slick-next{ right:-48px;}
@media(max-width:1366px){
.list-phone-case .slick-prev{ left:-15px;}
.list-phone-case .slick-next{ right:-15px;}
}

.all-more{ color:#4d4d4d; width:195px; line-height:50px; text-align:center; border:1px solid #dedede; display:block; transition:0.3s; border-radius:50px;}
.all-more:hover{color:#fff !important; background:#fa6b03; border-color:#fa6b03;}

.case-more{ margin:0 auto;}

.same-tab > h1{ margin:0; text-align:center; font-size:36px; color:#000;}
.same-tab .tab li{ cursor:pointer; float:left;  text-align:center;}
.same-tab .auto-inner{ width:1356px;}
.same-tab .box{padding-top:86px;}
.same-tab .box .img{ float:left; width:640px;}
.same-tab .box .txt{ width:678px; float:right;}
.same-tab .box .txt h1{ color:#000;}
.same-tab .box .txt p{ line-height:30px; color:#666; padding-bottom:45px; margin:0;}
.same-tab .tab li figure{ position:relative; margin:0 auto;}
.same-tab .tab li figure .hide{ position:absolute; left:0; width:100%; z-index:5; opacity:0; top:0;}
.same-tab .tab li.on figure img{ opacity:0;}
.same-tab .tab li.on figure .hide{opacity:1;}
.same-tab .tab li aside{ padding-top:20px; font-size:20px;}
.same-tab .tab li aside:after{ display:block; width:0; height:0; line-height:none; content:''; border:16px solid transparent; margin:9px  auto 0;}
.same-tab .tab li.on aside{ color:#ff6c00;}

.prod-tab > h1{padding:79px 0 90px 0;}
.prod-tab .tab li{ width:33.33333%;}
.yun-tab .tab li *,
.prod-tab .tab li *{ transition:0.3s ease-in-out;}
.prod-tab .tab li figure{width:124px; }
.prod-tab .tab-box{ min-height:600px; background:#f6f6f6; }
.prod-tab .box .txt .all-more{margin-top:45px;}
.prod-tab .box .txt dl dd{ float:left; width:240px; margin:6px 0px;}
.prod-tab .box .txt dl dd:before{ display:inline-block; vertical-align:middle; margin-right:12px; margin-top:-2px; width:16px; height:16px; background:url(../images/edit/gou.png) no-repeat center center; background-size:contain; content:'';}
.prod-tab .tab li.on aside:after{ border-bottom-color:#f6f6f6;}

.safe-tab > h1{ padding:106px 0 60px 0;}
.safe-tab .tab{ /*width:850px;*/ margin:0 auto;display:table;}
.safe-tab .tab li{ /*width:25%;*/margin:0 60px; font-size:20px; color:#666;}
.safe-tab .tab li span{ display:inline-block; line-height:30px; padding-bottom:34px; border-bottom:3px solid transparent;}
.safe-tab .tab li.on span{ color:#ff6c00; font-weight:bold; border-bottom-color:#ff6c00;}
.safe-tab .tab-box{ min-height:623px; background:#fef9f6; }
.safe-tab .box .txt h1{ margin-top:0;}
.safe-tab .box .txt .p1{ padding-bottom:20px;}
.safe-tab .box .txt .p2{padding-bottom:15px; color:#333;}
.safe-tab .box .table1 td{ line-height:32px; font-size:14px; border:1px solid #eee; text-align:center; padding:8px 0;}
.safe-tab .box .table1 .tr-top td{ color:#fff; line-height:normal; background:#ff6c00; }
.safe-tab .box .table1 .w{ width:164px;}
.safe-tab .box .table1 .fz18{ font-size:18px;}
.safe-tab .box .table1 .t1{ color:#333; padding-left:14px; line-height:18px; padding-right:5px; text-align:left;}

.yun-tab > h1{ padding:72px 0 85px 0;}
.yun-tab .tab li{ width:16.667%;}
.yun-tab .tab li figure{width:124px; }
.yun-tab .tab-box{ min-height:543px; background:#fef9f6; }
.yun-tab .tab li.on aside:after{ border-bottom-color:#fef9f6;}
.yun-tab .box{ padding-top:0;}
.yun-tab .box .ytable{ height:543px;}
.yun-tab .box .txt p{ padding-bottom:0;}
.yun-tab .box .img,
.yun-tab .box .txt{ float:none;}
.yun-tab .box .txt{ width:auto;color:#666;}
.yun-tab .box .img{ width:680px;}
.yun-tab .box .txt dl{ margin-top:28px;}
.yun-tab .box .txt dl dd{  position:relative; padding-left:30px; margin-bottom:23px;}
.yun-tab .box .txt dl dd h5{ font-weight:normal; color:#333; margin:0 0 10px 0;}
.yun-tab .box .txt dl dd:before{ position:absolute; left:0; top:7px; content:''; background:url(../images/edit/gou.png) no-repeat center center; background-size:contain; width:16px; height:16px;}
.yun-tab .box .txt dl dt{ position:relative; float:left; width:260px; padding-left:45px; margin-bottom:30px;}
.yun-tab .box .txt dl dt:nth-child(2n){ float:right;}
.yun-tab .box .txt dl dt img{ position:absolute; left:0; top:0;}
.yun-tab .box .txt dl dt h4{ margin:0; color:#ff6c00;}
.yun-tab .box .txt ol li{ margin-top:24px; position:relative; float:left; padding-left:40px; width:43%;}
.yun-tab .box .txt ol li h5{  margin:0 0 10px 0;  color:#ff6c00;}
.yun-tab .box .txt ol li img{ position:absolute; left:0; top:0;}
.yun-tab .box .txt ol li aside{ line-height:30px;}
.yun-tab .box .txt ol li:nth-child(2n){ float:right;}

.industry-tab{ position:relative; height:840px; background:url(../images/industry-bg.jpg) no-repeat center top;}
.industry-tab-more{ width:271px; margin:40px auto; color:#ff6c00; border-color:#ff6c00; font-size:20px;}
.industry-tab .ul-tab{ position:absolute; left:0; bottom:0; width:100%; z-index:10;}
.industry-tab .ul-tab li{ cursor:pointer; padding-top:18px;}
.industry-tab .ul-tab li:before{ display:block; content:''; border:12px solid transparent; border-bottom-color:#5b677c; margin:0 auto; border-top:0; width:0; height:0; opacity:0;}
.industry-tab .ul-tab li.slick-current:before{ opacity:1;transition:0.3s ease-in-out;}
.industry-tab .ul-tab li .main{background:#5b677c; text-align:center; color:#fff; text-shadow:0 0 1px rgba(89,98,115,0.5); position:relative;}
.industry-tab .ul-tab li .main a{ position:absolute; left:0; width:100%; height:100%; top:0; z-index:10;}
.industry-tab .ul-tab li.slick-current{padding-bottom:10px;padding-top:0;}
.industry-tab .ul-tab li.slick-current .main{ border-bottom:8px solid #4d5769; }
.industry-tab .ul-tab li h4{ margin:0; font-weight:normal; padding-top:47px;}
.industry-tab .ul-tab li p{ opacity:0.5; margin:0;}
.industry-tab .ul-tab li:nth-child(2) .main{ background:#df9130;}
.industry-tab .ul-tab li:nth-child(2):before{border-bottom-color:#df9130;}
.industry-tab .ul-tab li:nth-child(2).slick-current .main{ border-bottom-color:#c37c24;}
.industry-tab .ul-tab li:nth-child(4) .main{ background:#ce5553;}
.industry-tab .ul-tab li:nth-child(4):before{border-bottom-color:#ce5553;}
.industry-tab .ul-tab li:nth-child(4).slick-current .main{ border-bottom-color:#a23b39;}
.industry-tab .ul-tab li:nth-child(6) .main{ background:#27b868;}
.industry-tab .ul-tab li:nth-child(6):before{border-bottom-color:#27b868;}
.industry-tab .ul-tab li:nth-child(6).slick-current .main{ border-bottom-color:#229f5a;}

.industry-tab .slider-info .box{ height:540px;}
.industry-tab .slider-info .auto-inner{ width:1200px; position:relative;}
.industry-tab .slider-info .txt{ position:relative; z-index:3; color:#fff; padding-top:82px; max-width:600px;}
.industry-tab .slider-info .txt h1{ font-size:40px; margin:0;}
.industry-tab .slider-info .txt h1:after{ display:block; content:''; width:48px; height:2px; opacity:0.5; background:#fff; margin:25px 0;}
.industry-tab .slider-info .txt p{ margin:0 0 30px 0; line-height:30px;}
.industry-tab .slider-info .txt .all-more{ border-color:rgba(255,108,0,0.5); color:#ff6c00;}
/*.industry-tab .slider-info .txt .all-more:hover{ color:#fff;}*/
.industry-tab .slider-info .pic{ position:absolute; right:0; top:40px; z-index:0;}
@media(max-width:1366px){
.industry-tab{ height:740px;}
.industry-tab .ul-tab li h4{ padding-top:25px; font-size:20px;}
.industry-tab .ul-tab li p{ font-size:14px;}
}

.case-banner li.slick-slide{ position:relative;}
.case-banner li.slick-slide a{ position:absolute; left:0; width:100%; height:100%; z-index:10; top:0;}
.case-banner .slick-dots{ bottom:33px;}
.case-banner .slick-dots li{ width:18px; background:#fff; border:2px solid #fff; margin:0 9px; height:18px; border-radius:50%;}
.case-banner .slick-dots li.slick-active{ background:none; border-color:#ff6c00;}

.case-category{ position:relative; z-index:1; margin-top:70px; line-height:50px; padding-left:100px;padding-bottom:27px;}
.case-category b{ position:absolute; left:0; font-size:24px; top:0;}
.case-category dl{ position:relative; }

.case-category dl a{ text-align:center; display:block;  font-size:20px;  background:#f5f5f5;}
.case-category dl dd a{float:left;width:6.769%; margin-bottom:1%;}
.case-category dl dd a:not(:nth-child(13n)){margin-right:1%;}
.case-category dl a.on{ color:#fff; background:#ff6c00;}
.case-category dd{ overflow:hidden;}
.list-more{ padding:27px 0 39px 0;}
.list-more-pad{padding:50px 0;}
.web-case{ padding-bottom:78px; padding-top:52px;}
.list-more .all-more{ margin:0 auto; width:270px; color:#ff6c00; border-color:#ff6c00;}
@media(max-width:1440px){
.case-category dl a{ font-size:16px;}
}

.list-case li{ float:left; width:30.61%; margin-bottom:45px;}
.list-case li:not(:nth-child(3n)){ margin-right:4.085%;}
.list-case li:nth-child(3n+1){ clear:left;}
.list-case li .pic{ overflow:hidden;}
.list-case li .pic img{ transition:0.3s ease-in-out; display:block; width:100%;}
.list-case li a:hover img{ transform:scale(1.12); -webkit-transform:scale(1.12); -ms-transform:scale(1.12);}
.list-case li aside{ position:relative; padding-top:30px; padding-right:90px;}
.list-case li dl{ position:absolute; right:10px; top:30px;}
.list-case li dd{ float:left; width:24px; height:24px; margin:0 6px; background-repeat:no-repeat; background-position:center center;}
.list-case li dd.s-1{ background-image:url(../images/pagetype-1.png);}
.list-case li dd.s-2{ background-image:url(../images/pagetype-2.png);}
.list-case li dd.s-3{ background-image:url(../images/pagetype-3.png);}
.list-case li h5{ margin:0;}
.list-case li p{ margin:5px 0 0 0; color:#666;}

.home-case .view-more{ padding:62px 0; }
.list-case .view-more{ padding-bottom:62px; }
.home-case .view-more a,
.list-case .view-more a{ width:70px; height:70px; border-width:1px; border-color:#ff6c00; }
.list-case .view-more a{margin-top:-26px;}
.home-case .view-more a i,
.list-case .view-more a i, 
.home-case .view-more a::after,
.list-case .view-more a::after, 
.home-case .view-more a::before,
.list-case .view-more a::before{ background:#ff6c00;}
.home-case .view-more a::after,
.list-case .view-more a::after{ margin-left:12px;}
.home-case .view-more a::before,
.list-case .view-more a::before { margin-left: -18px;}

.list-case .edit-title{ padding:103px 0 82px 0;}

.caseinfo-banner{ position:relative; height:400px;}
.caseinfo-banner img{ position:absolute; max-width:none; left:50%; width:1920px; height:100%; margin-left:-960px;}

.case-info .auto-inner{ max-width:1440px;}
.Current{ padding:15px 0; line-height:24px; border-bottom:1px solid #efefef;}
.Current span{ color:#ff6c00;}
.Current i{ font-style:normal;}
.Current a.no{color:#333;}
.many-image{ padding:54px 0;}
.many-image li{ float:left; width:32.292%;}
.many-image li:not(:nth-child(3n)){ margin-right:1.562%;}
.many-image li img{ border:1px solid #efefef;}
.fixed-top{ font-size:18px; background:#eee;padding:25px 0;}
.fixed-top .auto-inner{ text-align:center;}
.fixed-top a{ color:#666;}
.fixed-top a:hover{ color:#ff6c00;}
.fixed-top .back{ padding-left:38px; background:url(../images/back.png) no-repeat left center; display:inline-block;}
.fixed-top .back:hover{ background-image:url(../images/back_hover.png);}

.fixed-top a:hover i{ border-color:#ff6c00;}
.fixed-top.has-fixed{ position:fixed; left:0; width:100%; top:0; z-index:100;}

.case-edit{ background:#636363; padding:120px 0;}

.case-relative{ background:url(../images/casebg.jpg) no-repeat center top; height:748px; display:none;}
.case-relative h1{ margin:0; text-align:center; color:#fff; font-size:36px; padding:125px 0 85px 0;}
.case-relative .auto-inner{ max-width:1486px;}
.case-relative .list-case li.slick-slide{ margin:0 !important; clear:none !important;}
.case-relative .list-case li.slick-slide > *{ margin:0 23px;}
.case-relative .list-case li.slick-slide aside{ background:#fff; padding-top:27px; padding-bottom:27px; padding-left:25px;}
.case-relative .list-case li.slick-slide p{ margin-top:10px;}
.case-relative .list-case li.slick-slide dl{ right:27px;}
.case-relative .slick-arrow:before{ position:absolute; content:''; width:20px; height:20px; border-top:2px solid #fff; border-right:2px solid #fff; transform:rotate(45deg); left:50%; top:50%; margin:-9px 0 0 -13px;}
.case-relative .slick-prev{ left:-25px;}
.case-relative .slick-prev:before{transform:rotate(-135deg); margin-left:-6px;}
.case-relative .slick-next{ right:-25px;}

.about-banner img{ display:block; width:100%; max-height:600px;}

.about-intro{ position:relative; margin:90px 0;}
.about-intro .txt{ position:relative; z-index:2; min-height:375px; max-width:950px;}
.about-intro .bg{ position:absolute; left:0; top:0; height:100%; width:100%; background-repeat:no-repeat; background-position:center bottom; background-size:contain;}

.a-view{ display:inline-block; line-height:40px; border-radius:40px; padding:0 37px; color:#fff; background:#ff6c00; border:1px solid #ff6c00; transition:0.3s;}
.a-view:after{ display:inline-block; content:''; width:10px; height:10px; transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); border-top:2px solid #fff; border-right:2px solid #fff; margin-left:5px;}
.a-view:hover{ background:#fff;}
.a-view:hover:after{ border-color:#ff6c00;}

.about-video{ overflow:hidden; position:relative; padding:16px 30px 16px 28px; background:#ececec;}
.about-video::before,
.about-video::after{ position:absolute; content:''; width:8px; top:16px; bottom:16px; border-left:8px dashed #fff;}
.about-video::before{ left:8px;}
.about-video::after{ right:9px;}
.video-play{ float:left; width:calc(100% - 25.382% - 58px);position:absolute;left:28px;top:16px;bottom:25px;background-color:#000;}
.video-list{ float:right; width:25.382%; overflow:hidden; min-height:500px;}
.video-list li .inner{ position:relative; margin:0 0 9px 0;}
.video-list li .inner a{ position:absolute; left:0; width:100%; height:100%; top:0; background:url(../images/play-video.png) no-repeat center center rgba(0,0,0,0.3);}
@media (max-width:1440px){
.video-list{ min-height:480px;}
}
@media (max-width:1366px){
.video-list{ min-height:440px;}
}



.about-title{ text-align:center; padding:80px 0 50px 0; font-size:36px; font-weight:bold; color:#333;}
.about-title p{ color:#999; font-size:16px; margin-bottom:0; font-weight:normal;}

.about-honor .slider{ overflow:hidden; border-top:1px solid #f5f5f5;border-left:1px solid #f5f5f5; width:102.1591%; margin-left:-1.08%;}
.about-honor .slider li{ position:relative; float:left; width:11.1111111%; border-bottom:1px solid #f5f5f5;}
.about-honor .slider li:after{ position:absolute; content:''; width:1px; height:100%; right:0; top:0; background:#f5f5f5;}
.about-honor .slider li a{ display:block; margin:20px 0; position:relative; height:111px; transition:0.3s;}
.about-honor .slider li img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); max-height:100%; max-width:100%;}
.about-honor .slider li:hover a{ transform:scale(1.12);}

.about-history{ background:#f7f7f7; padding:80px 0 50px 0;}
.about-history .auto-inner{ position:relative; max-width:1320px;}
.about-history .auto-inner:before{ position:absolute; left:0; top:50%; content:''; width:100%; background:#dbdbdb; height:1px;}
.about-history .slick-list{ padding-right:14.5%;}
.about-history .slider li{ position:relative; min-height:210px;}
.about-history .slider li i{ position:absolute; bottom:-13px; width:20px; height:170px; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; left:15%;}
.about-history .slider li:nth-child(2n) i{ bottom:auto; top:5px;height:135px;border-bottom:1px solid #dbdbdb; border-top:0;}
.about-history .slider li i:before{ position:absolute; content:''; border-radius:50%; border:2px solid #ff6c00; width:12px; height:12px; left:-6.5px; bottom:7px;background:#f7f7f7;}
.about-history .slider li:nth-child(2n) i:before{bottom:auto;top:7px;}
.about-history .slider li .mCustomScrollbar{ max-height:100px; }
.about-history .slider li .txt{width:190%; padding-bottom:18px; transition:0.3s;max-height:162px; overflow:hidden;}
.about-history .slider li pre{ line-height:20px; font-size:14px; text-align:left;}
.about-history .slider li h3{ line-height:44px; margin:0; color:#ff6c00; font-size:32px;}
.about-history .slider li:nth-child(2n){ margin-top:194px;}
.about-history .slider li .main{ padding-left:31.7%;}
.about-history .slider li:nth-child(2n) .main{ padding-top:66px;}
.about-history .slider li.slick-slide{ opacity:0; transition:opacity 0.3s;}
.about-history .slider li.slick-active{ opacity:1;}
.about-history .slider li:hover .txt{width:230%;  background:#ff6c00; color:#fff; padding-left:18px; padding-right:18px;}
.about-history .slider li:hover .txt h3{ color:#fff;}
.about-history .slick-arrow{ width:40px; height:82px; margin-top:-41px; background:url(../images/prev.png) no-repeat left center;}
.about-history .slick-prev{ left:-100px;}
.about-history .slick-next{ right:-100px; background-image:url(../images/next.png);}
@media(max-width:1440px){
.about-history .slick-prev{ left:0;}
.about-history .slick-next{ right:0;}
.about-history .slick-list{ padding-left:40px;}
}

.about-channel .home-news{ padding-top:17px;}
.about-channel .home-title{ text-align:center; font-size:36px; color:#333; padding:62px 0; position:relative;}
.about-channel .home-title h1{ margin:0; letter-spacing:3px;}
.about-channel .home-title .all-more{ font-size:18px; position:absolute; right:0; top:50%; margin-top:-25px; width:187px; line-height:48px;}
.about-channel .home-news .list{ padding-bottom:0;}

.news-list .auto-inner{ max-width:1440px;}
.nav-menu{ border-bottom:1px solid #efefef; line-height:64px; padding:53px 0 46px 0;}
.nav-menu ul{ float:right;}
.nav-menu ul li{ float:left; cursor:pointer; margin-left:5px; text-align:center; width:200px; line-height:64px; }
.nav-menu ul li a{ display:block;color:#333;background:#f7f7f7;}
.nav-menu ul li.on a{ background:#333; color:#fff;}
.nav-menu ul li span{ font-size:22px; margin-left:10px; display:inline-block; vertical-align:middle;}
.nav-menu ul li img{ width:30px; height:30px;}
.nav-menu ul li img.hide{ display:none;}
.nav-menu ul li.on img.show{ display:none;}
.nav-menu ul li.on img.hide{ display:inline-block; vertical-align:middle;}
.nav-menu b{ font-size:36px; color:#333;}

.news-list .list dd{ position:relative; border-bottom:1px solid #efefef;}
.news-list .list dd a{ display:block; padding:60px 0 60px 160px;}
.news-list .list dd time{ font-size:14px; position:absolute; left:0; top:50%; transform:translateY(-50%); text-align:center;}
.news-list .list dd time span{ display:block; border-bottom:1px dashed #e2e2e2; line-height:40px; padding-bottom:10px; margin-bottom:10px; font-size:52px;}
.news-list .list dd h5{ margin:0;}
.news-list .list dd p{ margin:15px 0 0 0; line-height:24px;}


.Pages{ padding:66px 0; text-align:center;}
.Pages a,
.Pages em{display:inline-block; vertical-align:middle; transition:0.3s;}
.Pages a{  border:1px solid #edecec; line-height:40px; color:#666;}
.Pages a.a_cur,
.Pages a:hover{ background-color:#ff6c00; color:#fff;}
.Pages em{ font-style:normal;overflow:hidden;border-left:1px solid #edecec;}
.Pages em a{ font-family:Arial, Helvetica, sans-serif; float:left;border-left:1px solid #edecec; margin-left:-1px; padding:0 17px;}
.Pages em a:first-child{border-left:0;}
.Pages b{ font-weight:normal;}
.Pages .p_cur,
.Pages .p_count,
.Pages .p_total{ display:none}
.Pages .a_prev,
.Pages .a_next{ width:40px; overflow:hidden; font-size:0; background:url(../images/page/a_prev.gif) no-repeat center center; margin:0 5px;}
.Pages .a_next{ background-image:url(../images/page/a_next.gif);}
.Pages .a_next:hover{ background-image:url(../images/page/a_next_hover.gif);}
.Pages .a_prev:hover{ background-image:url(../images/page/a_prev_hover.gif);}
.Pages .a_first,
.Pages .a_end{ position:relative; width:75px; font-size:0;}
.Pages .a_first::before,
.Pages .a_end::before{ font-size:14px; position:absolute; left:0; top:0; width:100%; line-height:42px; text-align:center;}
.Pages .a_first::before{ content:'首页';}
.Pages .a_end::before{ content:'末页';}
.Pages .p_jump{ padding-right:60px; position:relative}
.Pages .p_jump .i_text{ width:50px; text-align:center; border:solid 1px #ddd; height:30px; margin:0px 6px;}
.Pages .p_jump .i_button{ cursor:pointer; right:0; position:absolute; top:-2px; color:#fff; width:50px; border:none; height:30px; border-radius:5px; background:#ff6c00 url(../images/go.png) no-repeat center center}
@media(max-width:768px){
.Pages em{ display:none;}
}

.news_info{ padding-top:70px;}
.news_info .auto-inner{ max-width:1440px;}
.news_info .title{ text-align:center; padding-bottom:46px;}
.news_info .title p{ padding:35px 0 46px 0; border-bottom:1px solid #efefef; margin:0; font-size:20px;color:#666;}
.news_info .title p span{ margin:0 30px;}
.news_info .title h1{ margin:0; font-size:36px; color:#333;}
.news_info .font-size i{ font-style:normal; padding:0 7px; display:inline-block;}
.news_info .font-size i.on{ color:#ff6c00;}
.news_info .info{ line-height:24px; color:#666;}
.news_info .info_back{ padding:56px 0;border-bottom:1px solid #efefef;}
.news_info .info_back .all-more{ line-height:53px; margin:0 auto; width:237px; border-color:#ff6c00; color:#ff6c00; border-radius:22px;}
/*.news_info .info_back .all-more:hover{ color:#fff;}*/
.news_info .info-bottom{ padding:34px 0;} 
.news_info .info-bottom > *{max-width:45%; line-height:40px; font-size:20px;}
.news_info .info-bottom dt{ float:left; color:#999;}
.news_info .info-bottom dd{ float:right;}
.news_info .info-bottom dd a{ color:#999;}
.news_info .info-bottom dd a:hover{ color:#ff6c00;}
.news_info .info-bottom .bdsharebuttonbox{ padding-top:8px;}
.news_info .info-bottom .bdsharebuttonbox span{ float:left; line-height:32px;}
.news_info .info-bottom .bdsharebuttonbox .social-share{float:left;}
.news_info .info-bottom .bdsharebuttonbox a{  margin:0 4px; border:0; background-color:#d1d1d1;color:#fff;float:left}
.news_info .info-bottom .bdsharebuttonbox a:hover{ background-color:#ff6c00;}
/*.news_info .info-bottom .bdsharebuttonbox a.bds_tsina{ background-position:-40px center;}
.news_info .info-bottom .bdsharebuttonbox a.bds_qzone{ background-position:-82px center;}
.news_info .info-bottom .bdsharebuttonbox a.bds_more{ background-position:-122px center;}*/

.about-life .auto-inner{ /*max-width:1216px;*/ position:relative;}
.about-life .auto-inner dl dd{ background:#ff6c00; color:#fff; position:absolute;}
.about-life .auto-inner dl dd aside{ text-align:center; position:absolute; left:0; top:50%; width:100%; transform:translateY(-50%); font-size:40px;}
.about-life .auto-inner dl dd aside::before{ display:inline-block; content:''; margin:0 auto 8px; width:84px; height:83px; background:url(../images/life-icon-1.png) no-repeat center center;}
.about-life .auto-inner dl dd aside span{ display:block;}
.about-life .auto-inner dl .d-1,
.about-life .auto-inner dl .d-2{ height:100%; top:0; }
.about-life .auto-inner dl .d-1{ left:0; width:23.125%;}
.about-life .auto-inner dl .d-2{right:0.285%;width:14.603%; background:url(../images/life-d2-bg.jpg) no-repeat center center; background-size:cover;}
.about-life .auto-inner dl .d-2 aside::before{ background-image:url(../images/life-icon-2.png);}
.about-life .auto-inner dl .d-3{ bottom:0; width:38.296%; left:32.216%; height:49.453%;}
.about-life .auto-inner dl .d-3 aside::before{ background-image:url(../images/life-icon-3.png);}
.about-life .slider{ width:69.091%; margin:0 auto;}
.about-life .slider .slick-list{padding-left:11.102%;}
.about-life .slider ul{ overflow:hidden;}
.about-life .slider li{ float:left; margin-left:0.926%; margin-bottom:6px;}
.about-life .slider li img{ transition:0.5s; transform:rotateY(180deg);}
.about-life .slider .slick-current li img{transform:rotateY(0);}
.about-life .slider li:nth-child(1),
.about-life .slider li:nth-child(5){ width:12.859%;}
.about-life .slider li:nth-child(2),
.about-life .slider li:nth-child(3){ width:30.713%;}
.about-life .slider li:nth-child(4),
.about-life .slider li:nth-child(6){ width:21.925%;}
.about-life .slider li:nth-child(6){ float:right;}
.about-life .slider li:nth-child(5),
.about-life .slider li:nth-child(6){ margin-bottom:0;}
.about-life .slider li:nth-child(5){ clear:left;}
@media(max-width:1440px){
.about-life .auto-inner dl dd aside{ font-size:32px;}
}

.about-jobs .about-title{ position:relative;}
.about-jobs .about-title .all-more{ font-size:18px; position:absolute; right:0; top:50%; margin-top:-35px; width:187px; line-height:48px; font-size:16px; font-weight:normal; color:#666;}
.about-jobs .list-group{ float:left; width:48.5%;}
.about-jobs .list-group:nth-child(2n){ float:right;}
.about-jobs .list-group dd{ float:left; width:25%; text-align:center; line-height:55px; color:#3d3e49;}
.about-jobs .list-group dd:not(:nth-child(1)){ font-size:14px;}
.about-jobs .list-group dd span{ padding:0 5px;}
.about-jobs .list-group dl{ border-bottom:1px solid #dcdcdc;}
.about-jobs .list-group dl.tit{ border-bottom:0;}
.about-jobs .list-group dl.tit dd{ line-height:47px; background:#ff6c00; font-size:18px; color:#fff;}
.about-jobs .open-jobinfo{ display:inline-block; width:83px; line-height:31px; text-align:center; border:1px solid #ff6c00; border-radius:30px; color:#ff6c00; transition:0.3s;}
.about-jobs .open-jobinfo:hover{ background:#ff6c00; color:#fff;}

.jobs-index .list-group{ float:none; width:auto; padding-bottom:40px;}

.about-code{ padding:50px 0;}
.about-code .auto-inner{ max-width:1460px;}
.about-code li{ float:left; width:20%; text-align:center;}
.about-code li p{ margin:0 0 20px 0;}
.about-code li aside{ padding-top:10px; font-size:14px;}
.about-code li img{ width:105px; height:105px;}

.upload-resume,
.jobinfo-fixed{ position:fixed; width:100%; top:0; background:rgba(0,0,0,0.8); z-index:500; height:100%;}
.jobinfo-fixed{left:0; }
.upload-resume .main,
.jobinfo-fixed .main{ width:80%; max-width:800px; position:relative; height:600px; margin: 0 auto; background:#fff; border-radius:10px; padding:20px; padding-right:40px;}
.upload-resume .close,
.jobinfo-fixed .close{ position:absolute; right:0; top:0; width:40px; height:40px; background:#fff; border-radius:50%; cursor:pointer;}
.upload-resume .close:before,
.jobinfo-fixed .close:before,
.upload-resume .close:after,
.jobinfo-fixed .close:after{ position:absolute; content:''; width:50%; left:25%; top:50%; height:3px; background:#ff6c00; top:50%; margin-top:-1.5px; transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg);}
.upload-resume .close:after,
.jobinfo-fixed .close:after{ transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg);}

.jobinfo-fixed .name{ font-weight:bold; font-size:24px; color:#ff6c00;}
.jobinfo-fixed .label{ color:#999; padding:15px 0;}
.jobinfo-fixed .label span{ margin-left:20px;}
.jobinfo-fixed .info{ max-height:380px;}
.jobinfo-fixed .more-group{padding-top:20px;overflow:hidden;}
.jobinfo-fixed .more-group .all-more{float:left;margin:0 5px;width:175px;}

.upload-resume{z-index:510;left:-100%; }
.upload-resume-show{left:0;}
.upload-resume .main{height:auto; }
.upload-resume .from{padding-top:20px;}
.upload-resume .from td.tit{wdith:90px;text-align:right;}
.upload-resume .from td{ padding-bottom:20px;}
.upload-resume .from .text{ width:100%; border:1px solid #eee; line-height:40px; padding:0 10px; height:42px; border-radius:5px;}
.upload-resume .from .queueList{ margin:0;}
.upload-resume .from .placeholder{ min-height:inherit; padding:30px 0; font-size:16px;}
.upload-resume .from td .form_err{color:#f00;}
.upload-resume .from td .btn{color: #4d4d4d;width: 195px;height: 50px;border: 1px solid #dedede; transition: 0.3s;border-radius: 50px;background:#fff; cursor:pointer;}
.upload-resume .from td .btn:hover{color:#fff !important; background:#fa6b03; border-color:#fa6b03;}
.upload-resume .from td .placeholder .webuploader-pick,
.upload-resume .from td .statusBar .btns .uploadBtn{background:#ff6c00;}


/*edit css*/
.edit-css-41 .tit{ font-size:30px; font-weight:bold;}
.edit-css-41 .tit em{ font-style:normal; font-size:48px; color:#ff6c00; margin-right:15px;}
.edit-css-41 .tit span{ margin-right:15px; display:inline-block; padding-bottom:12px; border-bottom:4px solid #ff6c00;}
.edit-css-41 p{ line-height:28px; margin:33px 0 60px 0;}

.industry-menu{ padding-top:60px; padding-bottom:33px;}
.industry-menu .auto-inner{ width:1200px;}
.industry-menu li{ float:left;  text-align:center; margin-bottom:10px; margin-right:10px;}
.industry-menu li a{ display:block;background:#f0f0f0; padding:0 26px; min-width:115px; line-height:50px; border-radius:50px; transition:0.3s;}
.industry-menu li#infoID181,
.industry-menu li#infoID156{ margin-right:0;}
.industry-menu li#infoID173 a,
.industry-menu li#infoID156 a{ min-width:129px;}
.industry-menu li#infoID179 a{ padding:0 20px;}
.industry-menu li#infoID181 a{ padding:0 17px;}
.industry-menu li#infoID180 a{ padding:0 24px;}
.industry-menu li a:hover,
.industry-menu li.aon a{ background:#ff6c00; color:#fff;}

.industry-info > h1{ padding:9px 0;}
.industry-info .auto-inner{ width:1200px;}
.industry-info .tab{ display:table; margin:0 auto;}
.industry-info .tab li{ cursor:pointer; float:left; line-height:98px; border-bottom:3px solid transparent; font-size:20px; color:#666; margin:0 30px;}
.industry-info .tab li.on{ color:#ff6c00; border-bottom-color:#ff6c00; font-weight:bold;}
.industry-info .tab-box{ background:#fef9f6; padding:40px 0 55px 0; }
.industry-info .tab-box .box{ padding-top:0;/*min-height:385px;*/}
.industry-info .tab-box .picture{ float:right; max-width:536px;}
.industry-info .tab-box .txt{ float:left; width:655px; line-height:30px; color:#666; padding-top:40px; text-align:justify;}
.industry-info .tab-box .txt.no-float{ float:none; width:auto;}

.industry-info .list{ background:#fef9f6; padding-bottom:84px;}
.industry-info .list h4{ margin:0; padding-bottom:24px;line-height:38px; color:#333;}
.industry-info .list h4 a{ float:right; font-size:14px; font-weight:normal; width:112px; line-height:36px;}
.industry-info .list .slider{ width:1230px; margin-left:-15px; overflow:hidden;}
.industry-info .list .slider li{ float:left;margin:0 15px 30px; width:380px;}
.industry-info .list .slider li h6{ margin:0; text-align:center; line-height:62px; background:#fff; font-size:16px;}
.industry-info .list .slider li a{ display:block; }
.industry-info .list .slider li .pic{ overflow:hidden;}
.industry-info .list .slider li .Ispic{ padding-bottom:65%; transition:0.3s;}
.industry-info .list .slider li a:hover .Ispic{ transform:scale(1.12); -webkit-transform:scale(1.12); -ms-transform:scale(1.12);}
.industry-info .list .slick-arrow{width:20px; margin-top:-10px; height:20px; border-top:2px solid #666; border-right:2px solid #666; transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); }
.industry-info .list .slick-arrow:hover{ border-color:#ff6c00;}
.industry-info .list .slick-prev{ left:-20px;transform:rotate(-135deg); -webkit-transform:rotate(-135deg); -ms-transform:rotate(-135deg);}

.industry-info .list .slick-next{ right:-20px;}

.about-edit-css{ padding-top:90px;}
.about-edit-css .img{ text-align:center;}
.about-edit-css .txt{ position:relative; z-index:10; overflow:hidden; background:#fff; margin:0 auto; margin-top:-140px; width:1238px; padding-bottom:56px;}
.about-edit-css .tit{ text-align:center; font-size:36px; color:#333; margin:0; padding:80px 0 55px 0;}
.about-edit-css .txt .info{ position:relative; z-index:3; padding:0 86px;}
.about-edit-css .txt > i{ position:absolute; background:url(../images/edit/aboutbg.png) no-repeat; width:567px; height:567px;}
.about-edit-css .txt > i.t{left: -271px;top: -222px;}
.about-edit-css .txt > i.b{ right: -322px;bottom: -171px;}
.about-edit-css .txt .info p{ line-height:28px; text-align:center; margin:0 0 30px 0; text-indent:2em;}
.about-edit-css .txt .info p span{ color:#ff6c00;}
.about-edit-css .linian{ background:#f6f7f7; padding-bottom:90px;}
.about-edit-css .linian .tit{ padding:100px 0 72px 0;}
.about-edit-css .inner{ width:1300px; margin: 0 auto;}
.about-edit-css .linian .inner{ overflow:hidden; background:url(../images/edit/aboutbg-2.png) no-repeat center center;}
.about-edit-css .linian li{ float:left; width:50%; height:235px; margin-bottom:20px;}
.about-edit-css .linian li div{ padding-top:52px;}
.about-edit-css .linian li:nth-child(2n-1) div{ padding-left:68px; padding-right:165px;}
.about-edit-css .linian li:nth-child(2n) div{ padding-left:93px; padding-right:84px; text-align:right;}
.about-edit-css .linian li h3{ margin:0; color:#ff6c00; margin:0;}
.about-edit-css .linian li p{ line-height:30px;}
.about-edit-css .qiyuan{ position:relative;}
.about-edit-css .qiyuan img{ display:block; width:100%;}
.about-edit-css .qiyuan .inner{ position:absolute; left:50%; margin-left:-650px; top:0; height:100%;}
.about-edit-css .qiyuan .ytable{ padding-left:680px; padding-right:40px; color:#fff;}
.about-edit-css .qiyuan .tit{ text-align:left;color:#fff; padding:0 0 25px 0;}
.about-edit-css .qiyuan p{ margin:0; line-height:30px; font-size:16px;}

.ezEip-intro{ height:600px; position:relative; z-index:1;}
.ezEip-java,
.ezEip-intro .inner{ width:1280px; margin:0 auto; position:relative; z-index:2;}
.ezEip-intro .bg{ position:absolute; left:0; width:100%; height:100%; top:0; background-repeat:no-repeat; background-position:center center;}
.ezEip-intro .pic{ position:absolute; right:0; top:0;}
.ezEip-intro .txt{ padding-left:53px; padding-top:220px; color:#fff;}
.ezEip-intro .txt h1{ margin:0; font-size:46px;}
.ezEip-intro .txt h6{ margin:15px 0 0 0; font-weight:normal; line-height:32px;}

.ezEip-java{ padding-top:177px; padding-bottom:142px;}
.ezEip-java .pic{ position:absolute;top:177px; left:-20px; background:url(../images/monitor.png) no-repeat; width:606px; height:500px; text-align:center; padding-top:23px;}
.ezEip-java .txt{ min-height:500px; padding-left:706px;}
.ezEip-java .txt h1{ font-size:36px; color:#333; margin:0; padding:50px 0 30px 0;}
.ezEip-java .txt p{ margin:0; line-height:30px; text-indent:25px;}

.ezEip-info{padding-top:70px;}
.ezEip-info .auto-inner{ width:1280px;}
.ezEip-info .tab{ padding-top:21px;}
.ezEip-info .tab li{ padding:37px 0; border-bottom:3px solid transparent; font-size:20px;}
.ezEip-info .tab li:not(:last-child){ margin-right:180px;}
.creed-info .tab li:not(:last-child){ margin-right:280px;}
.ezEip-info .tab li.on{ color:#ff6c00; font-weight:bold; border-bottom-color:#ff6c00;}
.ezEip-info .tab-box{ background:#f6f7f7; min-height:623px;}
.ezEip-info .tab-box .box{ padding-top:70px;}
.ezEip-info .tab-box .box .picture{ float:right;}
.ezEip-info .tab-box .box .txt{ float:left; width:623px; padding-top:55px;}
.ezEip-info .tab-box .box .txt h2{ color:#000;}

.ezEip-table{ padding:80px 0 60px 0;}
.ezEip-table .auto-inner{ width:1280px;}
.ezEip-table td{ border:1px solid #e5e5e5; text-align:center; line-height:30px; padding-top:50px; padding-bottom:50px; color:#666;}
.ezEip-table tr:nth-child(2n+1) td{ background:#fffcf9;}
.ezEip-table .w{ width:348px; padding-left:116px; text-align:left; color:#333;}
.ezEip-table tr.tr-top td{ font-weight:bold; background:#ff6c00; line-height:66px; color:#fff; font-size:20px; padding-top:0; padding-bottom:0;}

.ezShop-info .auto{ width:1280px; margin:0 auto;}
.ezShop-info .tit{ margin:0; text-align:center; padding:74px 0 58px 0; color:#333;}
.ezShop-info .intro{ padding-bottom:50px;}
.ezShop-info .intro h4{ margin:0 0 20px 0; color:#ff6c00; text-align:center;}
.ezShop-info .intro p{ line-height:30px; color:#666; margin:0;}
.ezShop-info .info{ background:#f5f5f5; padding:65px 0;}
.ezShop-info .info .pic{ float:right; padding-right:20px;}
.ezShop-info .info .txt{ width:680px; float:left;}
.ezShop-info .info .txt p{ line-height:30px;}
.ezShop-info .info .tit{ padding:0 0 20px 0; text-align:left;}
.ezShop-info .tedian{ width:1200px;}
.ezShop-info .tedian .tit{ text-align:left; padding:58px 0 45px 0;}
.ezShop-info .tedian table{ margin-top:38px;}
.ezShop-info .tedian td{ border:1px solid #e5e5e5;}
.ezShop-info .tedian td h6{ margin:0; line-height:53px; padding-left:43px; background:#ecf4f6;}
.ezShop-info .tedian .tr-2 td h6{ background:#f3f8f0;}
.ezShop-info .tedian td p{ padding:30px 25px 30px 43px; line-height:28px; margin:0; font-size:14px;}
.ezShop-info .tedian dl{border-bottom:1px solid #e5e5e5; padding:52px 0 49px 0;}
.ezShop-info .tedian dd{ text-align:center; float:left; width:25%; color:#666;}
.ezShop-info .tedian dd h6{ margin:0; font-weight:normal; padding-top:10px; padding-bottom:5px;color:#333;}
.ezShop-info .tips{ font-size:14px; color:#808080; padding:30px 0 87px 0;}

.superCar-info .banner{ height:600px;background-repeat:no-repeat; background-position:center center;}
.superCar-info .auto{ position:relative; width:1200px; margin:0 auto;min-height:800px;}
.superCar-info .banner .txt{ padding-top:171px; width:525px; color:#fff;}
.superCar-info .banner .txt h1{ font-size:46px; font-family:"Microsoft YaHei", Arial, Helvetica, sans-serif; margin:0; padding-bottom:30px;}
.superCar-info .banner .txt p{ margin:0; font-size:14px; line-height:27px;}
.superCar-info .banner ul,
.superCar-info .banner dl{ position:absolute; width:532px; height:350px; top:0; right:0;}
.superCar-info .banner dd{ position:absolute; transform: scale(2); transition:0.5s ease-in-out; opacity:0.5}
.superCar-info .banner dl.animated dd{transform: scale(1); opacity:1;}
.superCar-info .banner dd.d-1{ left:58px; bottom:12px;}
.superCar-info .banner dd.d-2{ left:164px; bottom:48px;}
.superCar-info .banner dd.d-3{ right:103px; bottom:55px; }
.superCar-info .banner dd.d-4{ right:149px; bottom:146px; }
.superCar-info .banner dd.d-5{ left:210px; top:135px;}
.superCar-info .banner dd.d-6{ left:97px; top:58px; }
.superCar-info .banner dd.d-7{ left:103px; bottom:100px; }
.superCar-info .banner li{ position:absolute; color:#fff; font-size:14px;}
.superCar-info .banner li.li-1{ left:17px; bottom:71px;}
.superCar-info .banner li.li-2{ left:49px; bottom:135px;}
.superCar-info .banner li.li-3{ font-size:16px; left:25px; top:82px;}
.superCar-info .banner li.li-4{ font-size:18px; right:202px; top:106px;}
.superCar-info .banner li.li-5{ right:95px; top:143px;}

.superCar-info .title{ text-align:center; color:#fff; font-size:36px; padding:85px 0 20px 0; font-weight:bold;}
.superCar-info .designer .title{ padding-bottom:0; padding-top:408px; color:#333;}
.superCar-info .info-edit .title{ padding:89px 0 50px 0;  color:#333;}
.superCar-info .style-save .title{ padding:100px 0 73px 0; }

.superCar-info .designer dl{ position:absolute; left:0; top:0; width:100%; height:100%; }
.superCar-info .designer dd{ position:absolute; color:#666;}
.superCar-info .designer dd *{ margin:0;}
.superCar-info .designer dd h5{ font-weight:normal; padding:10px 0 5px 0;}
.superCar-info .designer dd em{ color:#ffae4f; font-size:89px; position:absolute; right:100%; margin-right:10px; bottom:-20px;}
.superCar-info .designer dd.d-1{ left:137px; top:244px;}
.superCar-info .designer dd.d-2{ right:0; width:313px; top:215px;}
.superCar-info .designer dd.d-2 em{ margin-right:30px;}
.superCar-info .designer dd.d-2 img{ position:absolute; top:-60px; right:100%; margin-right:80px;}
.superCar-info .designer dd.d-3{ right:0; width:335px; top:514px;}
.superCar-info .designer dd.d-3 img{ position:absolute; top:0; right:100%; margin-right:60px;}
.superCar-info .designer dd.d-4{ left:343px; top:584px;}
.superCar-info .designer dd.d-4 em{ margin-right:20px;}
.superCar-info .designer dd.d-4 img{ position:absolute; top:0; right:100%; margin-right:75px;}

.superCar-info .designer .animated dd{ opacity:0;animation: popUp 1.5s ease 0.3s both;}
.superCar-info .designer .animated dd.d-2{ animation-delay:0.5s;}
.superCar-info .designer .animated dd.d-3{ animation-delay:0.8s;}
.superCar-info .designer .animated dd.d-4{ animation-delay:1.1s;}

.superCar-info .web{ overflow:hidden;}
.superCar-info .web dl{ height:637px; position:relative; width:1060px; margin:0 auto;}
.superCar-info .web dd{ position:absolute; text-align:center; color:#fff; height:364px; width:315px; background:url(../images/edit/li-bg.png) no-repeat; }
.superCar-info .web dd.d-1{ left:0; top:0;}
.superCar-info .web dd.d-3{ right:0; top:0;}
.superCar-info .web dd.d-2{ left:374px; top:0;}
.superCar-info .web dd.d-4{ left:185px; bottom:0;}
.superCar-info .web dd.d-5{ right:185px; bottom:0;}
.superCar-info .web dd .txt{ padding-top:90px; line-height:24px;}
.superCar-info .web dd .txt h5{ margin:0; font-weight:normal; padding:13px 0;}
.superCar-info .web dd img{transition:0.3s;}
.superCar-info .web dd:hover .txt img{transform:rotateY(360deg);}

.superCar-info .info-edit{ background:url(../images/edit/img3-0.jpg) no-repeat 95% 70px #f6f7f7;}
.superCar-info .info-edit .pic{ float:left; margin-left:-76px;}
.superCar-info .info-edit .txt{ float:right; width:710px; padding-top:84px;}
.superCar-info .info-edit .txt dd{ position:relative; float:left; width:50%; min-height:131px;}
.superCar-info .info-edit .txt dd img{ position:absolute; left:0; top:0;}
.superCar-info .info-edit .txt dd div{ padding-left:73px;}
.superCar-info .info-edit .txt dd div *{ margin:0; color:#666;}
.superCar-info .info-edit .txt dd h5{ font-weight:normal; padding:15px 0;}
.superCar-info .info-edit .txt dd p{ line-height:24px;}

.superCar-info .style-save{background-repeat:no-repeat; background-position:center center;}
.superCar-info .style-save .pic{ position:relative; display:table; margin:0 auto;}
.superCar-info .style-save .pic dd{ position:absolute; width:325px; color:#fff;}
.superCar-info .style-save .pic dd.d-1{ left:-178px; top:0;}
.superCar-info .style-save .pic dd.d-2{ left:-246px; top:266px;}
.superCar-info .style-save .pic dd.d-3{ top:100%; margin-top:24px; left:170px;}
.superCar-info .style-save .pic dd.d-4{left:100%; margin-left:34px; bottom:32px;}
.superCar-info .style-save .pic dd.d-5{ left:100%; top:0;}
.superCar-info .style-save .pic dd div{ padding-left:65px; padding-top:14px;}
.superCar-info .style-save .pic dd img{ position:absolute; left:0; top:0;}
.superCar-info .style-save .pic dd h5{ font-weight:normal; margin:0; padding:0 0 15px 0;}
.superCar-info .style-save .pic dd p{ margin:0; line-height:24px;}
.superCar-info .style-save .pic > img{ transition:0.8s ease-in-out; opacity:0; transform:scale(3)}
.superCar-info .style-save .pic.animated > img{ opacity:1; transform:scale(1);}

.superCar-info .style-save .animated dd{ opacity:0;animation: popUp 1.5s ease 0.8s both;}
.superCar-info .style-save .animated dd.d-2{ animation-delay:1s;}
.superCar-info .style-save .animated dd.d-3{ animation-delay:1.2s;}
.superCar-info .style-save .animated dd.d-4{ animation-delay:1.4s;}


@-webkit-keyframes popUp{
0%{opacity:0;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}
35%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0);opacity:1}
to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}
}
@keyframes popUp{
0%{opacity:0;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}
35%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0);opacity:1}
to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}
}

/*小程序弹出*/
.app-pop-btn{ width:90px; padding:16px; background-color:#fff; border-radius:3px; position:fixed; right:15px; top:150px; z-index:500; cursor:pointer; text-align:center; box-shadow:0 0 10px 3px rgba(0,0,0,0.2); font-size:14px;}
.app-pop-btn .getTop{ display:none;border-radius: 3px; position:absolute; top:100%; width:100%; left:0; margin-top:10px; background:#f6f6f6; padding:10px 0;box-shadow:0 0 10px 3px rgba(0,0,0,0.2);}
.app-pop-btn .getTop:hover{ background:#ff6c00; color:#fff;}
.app-pop-btn .getTop i{width: 20px;height: 11px;    display: block;margin: 0 auto 3px; background:url(../images/top.png) no-repeat right top;}
.app-pop-btn .getTop:hover i{ background-position:left top;}

.app-pop{ background-color:#fff; position:fixed; top:45px; right:60px; z-index:510; box-shadow:0 0 30px 10px rgba(0,0,0,0.2); opacity:0; right:110px; visibility:hidden;
-webkit-transition:opacity .5s ease-out;
   -moz-transition:opacity .5s ease-out;
		transition:opacity .5s ease-out;
}
.app-pop .app-imgbox{ padding:10px; text-align:center; position:relative;}
.app-pop .app-imgbox:before{ content:''; width:0; height:0; font-size:0; line-height:0; border-width:10px 7px; border-style:solid solid dashed dashed; border-color:#fff #fff transparent transparent; position:absolute; right:0; bottom:0; opacity:0;}
.app-pop .app-imgbox img{ width:150px; height:150px;}
.app-pop .app-imgbox span{ color:#333; font-size:14px; display:block; padding-top:5%;}
.app-pop .app-imgbox i{ width:20px; height:20px; background:url(../images/btn-colse.png) no-repeat center;  cursor:pointer; position:absolute; right:2%; top:2%; display:block;}

.app-pop-active{ opacity:1; right:110px; visibility:visible;}
.app-pop-active .app-imgbox:before{ opacity:1; bottom:-18px;
-webkit-transition:all .5s ease-out;
   -moz-transition:all .5s ease-out;
		transition:all .5s ease-out;
		
-webkit-transition-delay:.2s;
   -moz-transition-delay:.2s;
		transition-delay:.2s;
}

.product-banner .banner-5-1{ height:600px;position:relative;}
.product-banner .banner-5-1 .auto{ z-index:3; margin:0 auto;}
.product-banner .banner-5-1 .bg{ position:absolute; left:0; width:100%; height:100%; top:0; background-repeat:no-repeat; background-position:center top;}
.product-banner .slick-dots li{ cursor:pointer; width:18px; height:18px; border-radius:50%; background:#fff; margin:0 9px; border:2px solid transparent;}
.product-banner .slick-dots li.slick-active{  border-color:#ff6c00; background:none;}

.product-banner .txt,
.product-banner .img{ opacity:0; transition:0.5s ease-in-out;}
.product-banner li.a .txt{ transform:translateX(-300px);}
.product-banner li.a .img{ transform: scale(0);}
.product-banner li.b .img{ top:10%;transform: translateX(300px);}
.product-banner li.c .pic{ opacity:0; transform: scale(0);transition:0.5s ease-in-out;}
.product-banner li.an-show  .txt{ opacity:1;transform:translateX(0);}
.product-banner li.an-show .img{ opacity:1;transform: scale(1);}
.product-banner li.an-show .banner-6 .pic dl{opacity:1;transform:translateY(0);}
.product-banner li.c.an-show .pic{ opacity:1;transform: scale(1);}


.InquiryContain{height: 1553px;background:url(../images/edit/jia/bg.jpg) no-repeat center;}
.InquiryContain .Inquiry{width: 1180px;margin: 0 auto;padding-top: 401px;}
.Inquiry .Left{width: 460px;margin-right: 20px;}
.Inquiry .Middle{width: 346px;margin-right: 20px;}
.Inquiry .Right{width: 334px;}
.Inquiry .Item{float: left;}
.Inquiry .Item .btn{display: block;margin: 0 auto;}
.Inquiry .Item .btn_01{background: url(../images/edit/jia/btn_01.png) no-repeat;width: 173px;height: 36px;}
.Inquiry .Item .btn_02{background: url(../images/edit/jia/btn_02.png) no-repeat;width: 277px;height: 69px;}
.Inquiry .Item .List{padding: 44px 0;}
.Inquiry .Item .List dd{display: none;}
.Inquiry .Item .List img{width: 100%;}
.Inquiry .Item .text{width: 411px;height: 80px;padding:16px 16px 0 16px;  border: 5px solid #ff3900; margin: 65px auto 0 auto;position: relative; box-sizing:content-box; -webkit-box-sizing:content-box;}
.Inquiry .Item .text:after{content: "";display: block;width: 0px;height: 0px;border:transparent 18px solid; border-bottom-color:#ff3900;position: absolute;top: -36px;left: 50%;margin-left: -18px;}
.Inquiry .Item .text .p{margin: 0; font-size: 14px;color: #c47059;font-weight: bold;line-height: 31px;}
.Inquiry .Item .text .p b{font-size: 21px; color: #ff3900;}
.Inquiry .Middle .text{border-color:#ff6c00;width: 235px;padding-left: 32px;}
.Inquiry .Middle .text:after{border-bottom-color:#ff6c00;}
.Inquiry .Middle .text .p{color: #b4652a;font-size: 16px;}
.Inquiry .Middle .text .p b{color: #ff3900;font-size: 24px;}
.Inquiry .Right .text{border-color:#ffa900;width: 235px;padding-left: 32px; }
.Inquiry .Right .text:after{border-bottom-color:#ffa900;}
.Inquiry .Right .text .p{color: #cb8907;font-size: 16px;}
.Inquiry .Right .text .p b{color: #ffac09;font-size: 24px;}
/*2023-11-02 x*/
.InquiryContain.jia_new{background:url(../images/edit/jia_new/bg.jpg) no-repeat center;}
.InquiryContain.jia_new .Inquiry .Left{width: 460px;margin-right: 96px;}
.InquiryContain.jia_new .Inquiry .Middle{width: 283px;margin-right: 53px;}
.InquiryContain.jia_new .Inquiry .Right{width: 283px;}
.InquiryContain.jia_new .Inquiry .Item .btn_01{background: url(../images/edit/jia_new/btn_01.png) no-repeat;width: 160px;height: 40px;}
.InquiryContain.jia_new .Inquiry .Item .btn_02{background: url(../images/edit/jia_new/btn_02.png) no-repeat;width: 277px;height: 69px;}

.auto-1300 .auto-inner{ max-width:1300px;}
.contact-con ul{ width:1356px;}
.contact-con ul li{ float:left; width:400px; margin-right:52px; margin-bottom:40px;}
.contact-con ul li .main{ border:1px solid #eee; height:313px; padding:0 33px 0 38px;}
.contact-con ul li h5{ color:#000; position:relative;margin:0; padding:31px 0 20px 70px; line-height:60px; border-bottom:1px solid #eee;}
.contact-con ul li h5 img{ position:absolute; left:0; top:31px; width:58px; height:58px; border:1px solid #eee; border-radius:50%;}
.contact-con ul li h5 a{ position:relative; position:absolute; right:0; top:52px; width:16px; height:18px; background:url(../images/a_map.png) no-repeat; cursor:pointer;}
.contact-con ul li h5 a:hover{ background-image:url(../images/a_map_hover.png);}
.contact-con ul li pre{color:#818181; line-height:27px; font-size:14px; padding-top:20px;}
.contact-con ul li pre span{ color:#ff6c00;font-size:16px;}

.contactmap{ position:fixed; width:808px; height:508px; left:-100%; top:50%; margin:-254px 0 0 -404px; border:5px solid #fff; box-shadow:0 0 10px #999; background:#fff; overflow:hidden; z-index:99; border-radius:5px;}
.contactmap .clear{ display:block; position:absolute; right:0; top:0; width:39px; height:39px; cursor:pointer; background:#fff url(../images/ie8/close.png) no-repeat center center; z-index:333; border-radius:0 0 0 5px;}
.contactmap .ul{ width:13532px; height:496px; position:relative;}
.contactmap .ul li{ float:left; width:796px; height:496px;}

.contactmap .allmap{ width:100%; height:100%;}
.contactmap .allmap img{ max-width:none;}

.histroy-list{ padding-bottom:65px;}
.histroy-list .about-title{ padding-bottom:76px;}
.histroy-list .about-title p{ text-align:center; line-height:28px; color:#555;}
.histroy-list ul{ position:relative;}
.histroy-list ul ol{ position:absolute; left:50%; height:100%; top:0; background:#dbdbdb; width:1px;}
.histroy-list ul li{ padding-right:50%; position:relative;  float:left; width:100%; min-height:155px; margin-top:-77px; /*overflow:hidden;*/}
.histroy-list ul li:nth-of-type(2n){ padding-right:0; padding-left:50%;}
.histroy-list ul li i{ width:32px; height:1px;background:#dbdbdb; left:50%; position:absolute; top:87px;}
.histroy-list ul li:nth-of-type(2n-1) i{ margin-left:-32px;}
.histroy-list ul li i:before{ position:absolute; content:''; width:11px; height:11px; border:2px solid #fe6f05; border-radius:50%; margin-left:-5px; background:#fff; top:50%; margin-top:-6px;}
.histroy-list ul li:nth-of-type(2n-1) i:before{ left:100%;}
.histroy-list ul li .txt{ padding:30px;  margin-right:24px; transition:0.25s; position:relative; z-index:2;}
.histroy-list ul li:nth-of-type(2n) .txt{ margin-right:0; margin-left:58px;}
.histroy-list ul li h1{ margin:0 0 10px 0; color:#ff6c00;}
.histroy-list ul li pre{ font-size:14px; line-height:20px;}
.histroy-list ul li:hover .txt{ background:#ff6c00; color:#fff;}
.histroy-list ul li:hover .txt h1{ color:#fff;}
.histroy-list ul li:nth-of-type(1){ margin-top:-30px;}

.honor-list{ padding-bottom:90px;}
.honor-list .nav-menu{ padding:0 0 103px 0; line-height:37px; text-align:center; border-bottom:0;}
.honor-list .nav-menu a{ display:inline-block; border:1px solid #eee; color:#999; margin:0 44px; border-radius:37px; padding:0 30px; font-size:20px;}
.honor-list .nav-menu a.aon,
.honor-list .nav-menu a:hover{ color:#ff6c00; border-color:#ff6c00;}
.honor-list ul{ width:1324px;}
.honor-list li{ float:left; width:331px; margin-bottom:37px;}
.honor-list li a{ display:block; width:300px; color:#666;}
.honor-list li aside{ margin:20px 0 0 0; max-height:20px; line-height:20px; text-align:center;}
.honor-list li figure{ border:1px solid #eee; padding:20px; overflow:hidden;}
.honor-list li figure img{ height:186px; width:100%; display:block; transition:0.3s;}
.honor-list li a:hover{ color:#ff6c00;}
.honor-list li a:hover figure img{ transform:scale(1.12); -webkit-transform:scale(1.12); -ms-transform:scale(1.12);}

.feedback-list li{ border:1px solid #eee; position:relative; padding-left:266px; margin-bottom:20px; transition:0.25s;}
.feedback-list li a{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;}
.feedback-list li .pic{ position:absolute; left:0; top:0; width:266px; height:206px;border-right:1px solid #eee; }
.feedback-list li .pic img{ display:block; width:100%; height:100%;}
.feedback-list li .txt{ padding:0 50px 0 32px; }
.feedback-list li .txt dl{ display:table; width:100%;height:206px;}
.feedback-list li .txt dl > *{ display:table-cell; vertical-align:middle;}
.feedback-list li .txt dt{ width:114px;}
.feedback-list li .txt dt time{ display:block; width:93px; text-align:center; line-height:35px; color:#fff; background:#818181; font-size:18px;}
.feedback-list li .txt dt time b{ background:#acacac; font-size:48px; display:block; line-height:73px;}
.feedback-list li span{ position:absolute; right:50px; bottom:20px; color:#ff6c00;}
.feedback-list li h6{ color:#333; margin:0 0 5px 0; font-weight:normal;}
.feedback-list li p{ margin:0; color:#999; line-height:24px; font-size:14px;}
.feedback-list li:hover h6{ color:#ff6c00; font-weight:bold;}
.feedback-list li:hover{ box-shadow:0 0 10px #999;}

.news-content{ background:url(../images/search/bg.jpg) no-repeat center top;}
.news-content .auto-inner{ width:1200px;}
.news-content .search-input{ padding-top:44px;}
.news-content .search-input h2{ margin:0; font-size:24px; color:#000; padding-bottom:15px;}
.news-content .search-input dl{ height:114px;background:url(../images/search/iconbg.jpg) no-repeat 76px top #dfdfdf; padding-left:310px; padding-top:37px;}
.news-content .search-input dl > *{ float:left;}
.news-content .search-input dt{width: 500px;}
.news-content .search-input dt .text{ width:100%;border: 1px solid #c1c1c1;background: #fff;height: 45px;line-height: 45px;padding-left: 17px;font-size: 16px;color: #555; border-right:0;}
.news-content .search-input dd{ position:relative; z-index:50;}
.news-content .search-input dd ul{ position:relative; width:112px; height:45px;border: 1px solid #c1c1c1;}
.news-content .search-input dd li{ display:none; position:absolute; left:-1px; right:-1px; top:100%;background:#fff;border: 1px solid #c1c1c1;line-height:45px;}
.news-content .search-input ol{ padding-left:27px; background:#f5f5f5 url(../images/search/selectbg.jpg) no-repeat 82px center; line-height:43px;}
.news-content .search-input li a{ display:block; padding-left:27px;}
.news-content .search-input .btn{position: absolute;left: 100%; margin-left:24px; cursor:pointer; border:none;top: 0;width: 126px;height: 45px;text-align: center;background: #ffa800;font-size: 16px;color: #fff;}
.news-content .search-input .total{ margin-top:24px; text-align:right;padding:12px 0;background: #f7f7f7;border-top: 1px solid #eee; font-size:14px;}
.news-content .search-input .total span{ color:#ff6c00; margin:0 5px;}
.news-content .list dd{ padding:30px 0; border-bottom:1px solid #e8e8e8;}
.news-content .list dd h5{ margin:0;}
.news-content .list dd p{ margin:10px 0; font-size:14px; color:#666; line-height:30px;}
.news-content .list dd span{ margin-left:15px; color:#ff6c00;}

.info_other_news { padding-bottom:30px; font-size:15px;}
.info_other_news .box{ width:49%;}
.info_other_news .name{ color:#999; font-size:20px; padding:10px 0 10px 40px; background: url(../images/info_other_news_icon.png) no-repeat 8px center;}
.info_other_news .fl{ float:left;}
.info_other_news .fr{ float:right}
.info_other_news .list{border: 1px solid #e8e8e8; padding: 20px; line-height: 30px; height:222px;}
.info_other_news .list ul li{ line-height:30px; padding-left: 13px; background: url(../images/li_icon.png) no-repeat left center;}
.info_other_news .list ul li span{ float:right; color:#999}

.H_desc {font-size: 16px;line-height: 28px;font-weight: 300;color: #333;margin: 0;}
.H_fontsize1 {font-size: 36px;color: #333;font-weight: 500;margin: 0;}
.auto_1240 {width: 1240px;margin: 0 auto;}
.app-s1 {text-align: center;min-height: 777px;background: url(../images/H_img_2.jpg) no-repeat center top;padding: 114px 0 65px;}
.app-s1 .case-view {position: relative;padding-top: 86px;margin-top: 50px;}
.app-s1 .case-view .item {position: absolute;padding-left: 70px;min-height: 50px;text-align: left;max-width: 310px;}
.app-s1 .case-view .item .item-tit {font-size: 20px;font-weight: bold;color: #333;margin: 0;}
.app-s1 .case-view .item .txt {font-size: 16px;line-height: 24px;margin: 4px 0 0;}
.app-s1 .case-view .item1 {background: url(../images/icon_4.png) no-repeat 0 0;left: 0;top: 36%;}
.app-s1 .case-view .item2 {background: url(../images/icon_2.png) no-repeat 0 0;left: 6%;top: 9%;}
.app-s1 .case-view .item3 {background: url(../images/icon_1.png) no-repeat 0 0;left: 48%;top: 2%;}
.app-s1 .case-view .item4 {background: url(../images/icon_3.png) no-repeat 0 0;left: 74%;top: 24%;}
.app-s1 .img {display: block;margin: 0 auto;}
.app-s1 .btn {display: block;margin: 28px auto 0;width: 270px;height: 52px;line-height: 50px;background: #fff;border: 1px solid #FF6C00;border-radius: 26px;text-align: center;font-size: 16px;font-weight: 300;color: #FF6C00;}
.app-s2 {text-align: center;padding: 55px 0 0;}
.app-s2 .content .title {margin-bottom: 28px;}
.app-s2 .service {padding: 64px 0 120px;background: url(../images/H_img_5.jpg) no-repeat center bottom;}
.app-s2 .service .title {margin: 0 0 62px;}
.app-s3 {padding: 30px 0 100px;}
.app-s3 .list .item {width: 33.3333%;float: left;text-align: center;list-style: none;margin-bottom: 20px;}
.app-s3 .list .item .qrcode {width: 140px;}
.app-s3 .list .item .item-tit {font-size: 16px;}
.app-s3 .title {text-align: center;margin-bottom: 50px;}
.app-s3 .btn-1 {margin: 40px auto 0;color: #fff !important;background: #fa6b03;border-color: #fa6b03;}
/*#m10 .sub-menu dl {-webkit-transform: translateX(-222px);transform: translateX(-222px);}
@media (max-width: 1440px) {
 #m10 .sub-menu dl {-webkit-transform: translateX(-108px);transform: translateX(-108px);}
}*/

#app202001211 > div{padding-bottom: 100px;}
#app202001211 .app-1{background: url("../images/H_img_5.jpg") no-repeat center bottom;}
#app202001211 .name{text-align: center;color: #333; margin-bottom: 75px;padding-top: 40px;}
#app202001211 .name .tit{font-size: 36px;}
#app202001211 .name  p{line-height: 30px;font-weight: 100;font-family: "Microsoft YaHei";}
#app202001211 .app-1 .name{margin-bottom: 150px;}
#app202001211 .app-1 .main{position: relative; width: 800px; margin: 0 auto; height: 800px; border-radius: 50%;background:url("../images/app/quan.png") no-repeat center center #fff; box-shadow: 0 0 30px rgba(61,83,194,0.12);}
#app202001211 .app-1 dl{position: absolute; left: 0; top: 0; width: 100%; height: 100%; animation:zhuan 50s linear infinite;}
#app202001211 .app-1 dd{position: absolute;background: #fff; box-shadow: 0 0 30px rgba(61,83,194,0.12); border-radius: 50%;animation:zhuan2 50s linear infinite;}
#app202001211 .app-1 dd aside{position: absolute; left: 0; width: 100%; text-align: center;top: 50%; transform: translateY(-50%);}
#app202001211 .app-1 dd:nth-child(1),
#app202001211 .app-1 dd:nth-child(4){width: 200px; height: 200px;}
#app202001211 .app-1 dd:nth-child(3),
#app202001211 .app-1 dd:nth-child(6){width: 150px;height: 150px;}
#app202001211 .app-1 dd:nth-child(2),
#app202001211 .app-1 dd:nth-child(5){width: 120px;height: 120px;}
#app202001211 .app-1 dd:nth-child(1){left: -60px; top: 16px;}
#app202001211 .app-1 dd:nth-child(2){right: 90px; top: -15px;}
#app202001211 .app-1 dd:nth-child(3){right: -105px; top: 197px;}
#app202001211 .app-1 dd:nth-child(4){right: -90px; bottom: 63px;}
#app202001211 .app-1 dd:nth-child(5){left: 93px; bottom: 20px;}
#app202001211 .app-1 dd:nth-child(6){left: -122px; bottom: 227px;}
#app202001211 .app-1 dd aside{font-size: 18px; line-height: 30px;color: #333;}
#app202001211 .app-1 dd aside figure{padding-bottom: 10px;}
@keyframes zhuan{
    0%{transform: rotate(0deg);}
    100%{transform: rotate(360deg);}
}
@keyframes zhuan2{
    0%{transform: rotate(0deg);}
    100%{transform: rotate(-360deg);}
}
#app202001211 .app-2{padding-top: 30px;}
#app202001211 .app-2 .auto-inner{max-width: 1200px;}
#app202001211 .app-2 li{float: left; width: 18.4%; margin-bottom: 2%; background: #f7f8fa; text-align: center; padding: 20px 0;border:1px solid #f7f8fa; }
#app202001211 .app-2 li:not(:nth-child(5n)){margin-right: 2%;}
#app202001211 .app-2 li aside{font-family: "Microsoft YaHei";color: #333; margin-top: 5px;}
#app202001211 .app-2 li:hover aside{color:#ff9600;}
#app202001211 .app-2 li:hover{ border-color:#ff9600; }
#app202001211 .app-2 li figure{width: 34px; height: 34px;position: relative; margin: 0 auto;}
#app202001211 .app-2 li figure img{width: 100%; display: block; height: 100%;}
#app202001211 .app-2 li figure img.h{position: absolute; left: 0; top: 0;}
#app202001211 .app-2 li figure img.s{ transition:0.3s ease-in-out;}
#app202001211 .app-2 li figure img.h{ transition:0.6s ease-in-out;}
#app202001211 .app-2 li .h,
#app202001211 .app-2 li:hover .s{ opacity:0; transform:scale(3);}
#app202001211 .app-2 li .s,
#app202001211 .app-2 li:hover .h{ opacity:1;transform:scale(1);}

.shengming20210401{
 position:fixed;
 left:100px;
 bottom:10px;
 width:500px;
 z-index:600;background:#fff;border-radius:10px; padding:20px; box-shadow:0 0 10px rgba(0,0,0,0.3);
}
.shengming20210401 .close{position:absolute;right:10px; top:10px; border:1px solid #ccc; width:24px; height:24px; border-radius:50%; cursor:pointer;}
.shengming20210401 .close:before,
.shengming20210401 .close:after{position:absolute; content:''; width:12px; height:2px; margin-top:-1px;top:50%;left:50%;margin-left:-6px; background:#ccc;}
.shengming20210401 .close:before{transform:rotate(45deg);}
.shengming20210401 .close:after{transform:rotate(-45deg);}
.shengming20210401 .title{text-align:center;font-size:18px; padding:10px 0;color:#000;font-weight:bold; letter-spacing:2px;}
.shengming20210401 .con{color:#666;}

/*20210621*/
.xiaochengxu-yycj .auto-inner{max-width:1100px;}
.xiaochengxu-yycj .item{padding:94px 0;color: #555555;}
.xiaochengxu-yycj .item:nth-child(2n){background:#fbfbfb;}
.xiaochengxu-yycj .ytable{table-layout:fixed;}
.xiaochengxu-yycj .pic{width:420px;}
.xiaochengxu-yycj .item:nth-child(2n-1)  .txt-area .inner{padding-left:120px;padding-right:68px;}
.xiaochengxu-yycj .item:nth-child(2n) .txt-area .inner{padding-right:147px;padding-left:42px;}
.xiaochengxu-yycj .title{position:relative;z-index:1;}
.xiaochengxu-yycj .title aside{line-height:1;padding:30px 0;position:relative;z-index:4;font-size: 30px;font-size:30px;color:#333;}
.xiaochengxu-yycj .title .icon{width:59px; height:57px;position:absolute;left:-39px;top:0;}
.xiaochengxu-yycj .title .icon i{position:absolute;border-radius:50%;}
.xiaochengxu-yycj .title .icon i:nth-child(1){background-color: #d8edd1;width: 49px;height: 49px;right:0; top:0;}
.xiaochengxu-yycj .title .icon i:nth-child(2){background-color: #0078aa;width: 30px;height: 30px;opacity: 0.1;left:0;bottom:0;}
.xiaochengxu-yycj .item:nth-child(2n) .title .icon i:nth-child(1){background-color: #ffe476;}
.xiaochengxu-yycj .item:nth-child(2n) .title .icon i:nth-child(2){background-color: #ff6541;}
.xiaochengxu-yycj .item:nth-child(5) .title .icon i:nth-child(1){background-color: #cff0f4;}
.xiaochengxu-yycj .item:nth-child(5) .title .icon i:nth-child(2){background-color: #ffd68e;opacity: 0.2;}
.xiaochengxu-yycj .item:nth-child(6) .title .icon i:nth-child(1){background-color: #d1eddc;}
.xiaochengxu-yycj .item:nth-child(6) .title .icon i:nth-child(2){background-color: #aa4c00;}
.xiaochengxu-yycj .item:nth-child(7) .title .icon i:nth-child(1){background-color: #ffdac8;}
.xiaochengxu-yycj .item:nth-child(7) .title .icon i:nth-child(1){background-color: #ffdac8;}
.xiaochengxu-yycj .item:nth-child(8) .title .icon i:nth-child(2){background-color: #b8f1f6;}
.xiaochengxu-yycj .item:nth-child(8) .title .icon i:nth-child(2){background-color: #26d176;opacity: 0.2;}
.xiaochengxu-yycj .txt-area .singlepage{line-height:1.875;margin-bottom:42px;}
.xiaochengxu-yycj .txt-area .ul{width:auto;}
.xiaochengxu-yycj .txt-area .ul .ytable-cell{vertical-align:bottom;}
.xiaochengxu-yycj .item:nth-child(2n-1) .txt-area li{padding-left:40px;}
.xiaochengxu-yycj .item:nth-child(2n) .txt-area li{padding-right:40px;}
.xiaochengxu-yycj .txt-area .inside{text-align:center;position:relative;z-index:4;}
.xiaochengxu-yycj .txt-area .inside figure{position:absolute;bottom:53px;left:50%;margin-left:-90px;display:none;}
.xiaochengxu-yycj .txt-area li.show .inside figure{display:block;}
.xiaochengxu-yycj .txt-area ol{width:180px;}
.xiaochengxu-yycj .txt-area ol figure{position:relative;}
.xiaochengxu-yycj .txt-area .ul figure:before{position:absolute;content:'';left:0; top:0;width:100%;height:100%;background:url(../images/kuang.png) no-repeat;z-index:10;}
.xiaochengxu-yycj .txt-area .ul figure img{width:180px;height:180px;}
.xiaochengxu-yycj .txt-area .t-1{font-size: 18px;color:#333;text-align:center;line-height: 38px;margin-top:15px;}
.xiaochengxu-yycj .txt-area .t-2{line-height: 38px;padding:0 16px;background-color: #f48d20;border-radius: 19px;color:#fff; cursor:pointer;margin-top:15px;}




.baijiafangan{padding-bottom: 116px}
.baijiafangan .auto-inner {width: 1280px;}
.baijiafangan h3{font-size: 30px;color: #333;text-align: center}
.baijiafangan .table_1 th,
.baijiafangan .table_1 td{ text-align:center; border:1px solid #eee; border-collapse:collapse; }
.baijiafangan .table_1 td{ padding:15px 50px;line-height: 30px}
.baijiafangan .table_1 th{ font-size:20px; font-weight:bold;line-height:66px;color: #333}
.baijiafangan .table_1 .th_1{ background:#ff6c00;}
.baijiafangan .table_1 .th_1 th{ color: #fff}  
.baijiafangan .table_1 .n2{background: #fffcf9}
.baijiafangan .table_1 .w1{width: 150px}
.baijiafangan .table_1 .w2{width: 700px}
.baijiafangan .table_1 .price{font-size: 20px;color: #fe0000;font-weight: bold;}











/* 华为云 */
.index-banner .huaweiyun{ max-width:192px;}
.index-banner li{ position:relative;}
.index-banner li .pic img{ min-height:400px; object-fit:cover;}
.index-banner li .text{ position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%;}
.index-banner li .carton{ opacity:0; transition:0.5s; transform:translateX(15%);}
.index-banner li .carton .title{ margin-top:10px; color:#000000; font-size:40px;}
.index-banner li .carton .title i{ color:#5c3407; font-size:16px;background: linear-gradient(75deg,#f9f2eb,#e6d5c2); display: inline-block; padding: 5px 12px;border-radius:5px;font-style: normal;
    position: absolute;  margin-left: 5px;}
.index-banner li .carton .introd{ font-size:18px; margin:20px 0;}
.index-banner li.an-show .carton{ opacity:1; transform:translateX(0);}
.index-banner .slick-dots li{ margin:0 5px; width:10px; height:10px; background:#fff; border-radius:100%; overflow: hidden;}
.index-banner .slick-dots li.slick-active{ background:#ff6c00;}
.index-banner .but{ font-size:0;}
.index-banner .but .aniu{ margin-right:20px; font-size:18px; cursor:pointer; border:solid 1px #111111; padding:12px 30px; display:inline-block; vertical-align:middle; border-radius:50px;}
.index-banner .but .aniu.on{ color:#fff; background:#111111;transition:0.5s;}
.index-banner .but .aniu.on:hover{background:#ed8b10; border-color:#ed8b10}
.index-banner .but .aniu:last-child{ margin-right:0;}
.index-banner .but dl{position:relative; display:inline-block; margin-right:10px}
.index-banner .but dd{ position:absolute;width: 0px; padding-bottom:20px; left:-100%; right:-100%; bottom:100%; margin:auto; transition:0.5s;transform: scale(0); opacity:0}
.index-banner .but dd .item{ width:100%; min-height:110px; display:flex; flex-wrap: wrap; justify-content:space-between;  background-color: #fff; border-radius: 8px; box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
    padding:10px;}
.index-banner .but dd:after{content:'';position:absolute;left:0;right:0px;bottom:11px;margin:auto;width:16px;height:16px;background:linear-gradient(45deg,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 50%);box-shadow: 20px 0px 17px 0px rgba(0, 0, 0, 0.1);transform:rotate(45deg)}
.index-banner .but dd p{text-align:center;font-size: 16px;padding: 5px; margin: 0;}
.index-banner .but dd .box{width:46%}
.index-banner .but dd .tel{width: 100%;  font-size: 16px; padding: 10px 0 10px 20px;}
.index-banner .but dd .tel a{ color: #ff6c00;font-size: 22px;}
.index-banner .but dt:hover img{height: 20px; width: 20px;}
.index-banner .but dl:hover dd{width:200%;opacity:1;transform: scale(1);}
/*  */
.auto-1440{ width:96%; max-width:1440px; margin:0 auto;}
.main_box{ background:#f8f8f8; padding:80px 0;}
.index-title{ text-align:center; font-size:36px; color:#000000;}
.index-des{ margin-top:15px; text-align:center; font-size:16px; color:#333333;}
.index-des a{ color:#526ecc;}

.index-youshi .list{display:flex;justify-content: space-between;padding:4% 0}
.index-youshi .item{width:23.959%; background:#fff;border-radius: 5px;  overflow: hidden;  box-shadow: 0 5px 15px rgba(0,0,0,0.05);}
.index-youshi .txt{padding:7%;}
.index-youshi .txt h3{color:#333; font-size:20px; padding:0px 0px 10px 0; margin:0; }
.index-youshi .txt ul{color:#666666; padding-left:20px; line-height:2}
.index-youshi .txt ul li{list-style: disc;}
.index-youshi .txt ul li::marker{font-size:12px;}

.index-one .ul{ width:100%; display:flex; flex-wrap:wrap; align-items:flex-start;}
.index-one .ul li{ position:relative; cursor:pointer; border-top:solid 4px #333333; transition:.5s;}
.index-one .ul li .table_con{ overflow:hidden; position:relative; width:100%; z-index:2;}
.index-one .ul li::after{ content:''; position:absolute; left:0; top:calc(100% - 1px); width:100%; height:1px; box-shadow:0 5px 10px rgba(0,0,0,.3); z-index:1; transition:.5s;}
.index-one .ul li.wtd30{ width:30%;}
.index-one .ul li.wtd23{ width:23.3333%;}
.index-one .ul li.wtd30 .table_con{ background:#f8f8f8;}
.index-one .ul li.wtd23 .table_con{ background:#ffffff;}
.index-one .ul li.wtd23 table th{ background:#f0f0f0;}
.index-one .wtd50{ width:50%;}
.index-one .table_box{ margin-top:55px;}
.index-one .table_box table{ line-height:1.7; text-align:center; width:100%;}
.index-one .table_box table th{ border:solid 1px #e7e7e7; padding:15px; font-size:20px; color:#000000; text-align:center; border-right:none;}
.index-one .table_box table td{ padding:15px; border:solid 1px #e7e7e7; border-right:none;}
.index-one .table_box table td.hot{color:#ed8b10; font-size:20px; padding-top:11px; padding-bottom:12px}
.index-one .ul li:last-child table th,
.index-one .ul li:last-child table td{ border-right:solid 1px #e7e7e7;}
.index-one .ul .space{ margin:0; padding:.43em 0;}
.index-one .ul li span{ position:relative; z-index:2;}
.index-one .ul li .recom{ padding:3px 30px; position:absolute; right:0; font-size:14px; color:#fff;}
.index-one .ul li .recom::after{ content:''; display:block; position:absolute; left:0; top:0; width:150%; height:100%; background-image:linear-gradient(to right,#fec370,#ed8b10); border-radius:0 0 0 10px; overflow:hidden; transform:skewX(45deg); }
.index-one .ul li.active{ border-color:#c7000b;/* box-shadow:0 0 20px rgba(0,0,0,.1);*/ box-shadow:0 0 20px rgba(0,0,0,.1); transform:scale(1.01) ; z-index:10;}
.index-one .ul li.active table th{ color:#c7000b;}
.index-one .ul li.active table td{background:#fff8ef}
/*.index-one .ul li.active table tr:last-child td{ border-bottom:none; padding-bottom:30px;}
.index-one .ul li:hover{border-color:#c7000b;box-shadow:0 0 20px rgba(0,0,0,.1); transform:scale(1.01) translateY(-8px); z-index:10;}*/

.index-two{ padding-top:110px; display:none;}
.index-two .list{ margin-top:55px;}
.index-two .ul{ display:flex; justify-content:space-between; flex-wrap:wrap; width:100%;}
.index-two .ul li{ font-size:18px; padding:35px 130px 35px 50px; display:flex; align-items:flex-start; position:relative; width:49.445%; margin-bottom:1%; overflow:hidden; box-shadow:0 0 5px rgba(0,0,0,.1); border:solid 1px #fff; border-radius:10px;}
.index-two .ul li::after{ content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/veer-back.jpg) no-repeat; background-size:cover; z-index:1;}
.index-two .ul li .text{ width:calc(100% - 70px); height:100%; padding-left:70px; position:relative; z-index:2; line-height:1.8;}
.index-two .ul li .text .tit{ color:#333333; min-height:3em;}

.index-two .ul li .recom{ padding:3px 30px; position:absolute; top:0; right:0; font-size:14px; color:#fff; z-index:2;}
.index-two .ul li .recom::after{ content:''; display:block; position:absolute; left:0; top:0; width:150%; height:100%; background-image:linear-gradient(to right,#fec370,#ed8b10); border-radius:0 0 0 10px; overflow:hidden; transform:skewX(25deg);}
.index-two .ul li .recom span{ position:relative; z-index:2;}
.index-two .ul li .icon{ position:relative; z-index:2; border-radius:10px; overflow:hidden;}
.index-two .ul li .icon span{ display:block;}
.index-two .ul .color1{ background:#10c7c1;}
.index-two .ul .color2{ background:#3782ec;}
.index-two .ul .color3{ background:#f85835;}
.index-two .ul .color4{ background:#9f53e6;}

.index-three{ margin-top:65px;}
.index-three .tab-box{ margin-top:50px;}
.index-three .tab_it{display:flex }
.index-three .tab_it .io{ width:50%; cursor:pointer; color:#333333; font-weight:bold; font-size:18px; box-shadow:0 2px 5px rgba(0,0,0,.05); padding:15px; background:#fff; border-top:solid 2px #fff; width:100%; text-align:center;}
.index-three .tab_it .io.active{ border-color:#c7000b; color:#c7000b; box-shadow:0 2px 10px rgba(0,0,0,.2); z-index:5;}

.index-three .ul{ width:100%; display:flex; flex-wrap:wrap; align-items:flex-start;}
.index-three .ul li:last-child table th,
.index-three .ul li:last-child table td{ border-right:solid 1px #e7e7e7;}
.index-three .ul li{ position:relative; cursor:pointer; border-top:solid 2px #fff; transition:.5s;}
.index-three .ul li .table_con{ overflow:hidden; position:relative; width:100%; z-index:2;}
.index-three .ul li::after{ content:''; position:absolute; left:0; top:calc(100% - 1px); width:100%; height:1px; box-shadow:0 5px 10px rgba(0,0,0,.3); z-index:1; transition:.5s;}
.index-three .ul li.wtd27{ width:27.5%;}
.index-three .ul li.wtd18{ width:18.12%;}
.index-three .ul li.wtd24{ width:24.1666666%;}
.index-three .ul li.wtd27 .table_con{ background:#f8f8f8;}
.index-three .ul li.wtd18 .table_con{ background:#ffffff;}
.index-three .ul li.wtd18 table th{ background:#f0f0f0;}
.index-three .ul li.wtd24 table th{ background:#f0f0f0;}
.index-three .ul li .aniu{ font-size:0;}
.index-three .ul li .aniu a{ padding:5px 15px; font-size:16px; color:#c7000b; display:inline-block; vertical-align:middle; border-radius:5px; overflow:hidden;}
.index-three .table_box{ margin-top:55px;}
.index-three .table_box table .wtd50{ width:50%;}
.index-three .table_box table{ line-height:1.7; text-align:center; width:100%;}
.index-three .table_box table th{ height:65px; border:solid 1px #e7e7e7; padding:15px; font-size:20px; color:#000000; text-align:center; border-right:none;}
.index-three .table_box table td{ padding:15px 0; border:solid 1px #e7e7e7; border-right:none;}
.index-three .table_box table td.padd2{padding:15px;}
.index-three .table_box table td.padd{padding:0; height:3.6em;}
.index-three .table_box table td.buy1{padding-top:26px; padding-bottom:26px}
.index-three .table_box table td.buy2{padding-top:11px; padding-bottom:11px}
.index-three .table_box table td .ts{font-size:15px;}
.index-three .table_box table .fixe{ display:flex; align-items:self-end; justify-content:space-between;}
.index-three .table_box table .fixe .rate{ text-align:left;}
.index-three .table_box table .fixe .rate .tub{ margin-bottom:5px;}
.index-three .table_box table .fixe .rate .tub span{font-size:12px; display:inline-block; vertical-align:middle; color:#999999; background:url(../images/rate.png) no-repeat; background-size:100% 100%; padding:2px 6px 6px;}
.index-three .table_box table .fixe .money{ line-height:1; display:flex; align-items:self-end; color:#c7000b; font-size:0;}
.index-three .table_box table .fixe .money i{ font-size:14px; font-style:normal;}
.index-three .table_box table .fixe .money span{ font-size:30px;}
.index-three .table_box table .fixe .money em{ font-size:16px; font-style:normal;}
.index-three .table_box table .fixe .renew{ line-height:1.5; font-size:14px; color:#999999;}
.index-three .table_box table .space{ margin:0; padding:.425em 0;}
.index-three .table_box table .space2{ margin:0; padding:.588em 0;}
.index-three .table_box table .but{ position:relative; height:100%; width:100%;}
.index-three .table_box table .but a{ position:relative; display:flex; align-items:center; justify-content:center; height:100%; transition:all .5s; z-index:2; color:#c7000b; font-weight:bold;}
.index-three .table_box table .but::after{ content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-image:linear-gradient(to left,#f1d895,#ec696f,#e437de); transition:all .5s; opacity:0;}
.index-three .table_box table tr td.no{opacity: 0;}
.index-three .table_box table tr td .red{color:#ff0000}
.index-three .table_box.appbox table tr:not(.nominH) td{padding-top:0; padding-bottom:0;/*min-height:26px; height:26px; line-height:26px*/}

.index-three .ul li:hover table .but a{ color:#fff;}
.index-three .ul li:hover table .but::after{ opacity:1;}
.index-three .ul li:hover{border-color:#c7000b;box-shadow:0 0 20px rgba(0,0,0,.1); transform:scale(1.01) translateY(8px); z-index:10;}
.index-three .ul li:hover table th{ color:#c7000b;}
.index-three .ul li:hover table tr:last-child td{ border-bottom:none;}
.index-three .ul li .aniu a{ color:#fff; background-image:linear-gradient(to left,#f1d895,#ec696f,#e437de);}

.index-four{ margin-top:130px;}
.index-four .list .ul li{ margin-bottom:60px; display:flex; align-items:center;}
.index-four .list .ul li .pic{ width:50%; border-radius:10px; overflow:hidden; }
.index-four .list .ul li .pic img{ width:100%; transition:all .5s;}
.index-four .list .ul li .text{ line-height:2; font-size:16px; color:#333333; padding-left:90px; width:50%; direction:ltr;}
.index-four .list .ul li .text .tit{ margin-bottom:15px; line-height:1.5; font-size:36px; color:#000000;}
.index-four .list .ul li:nth-child(2n){ direction:rtl;}
.index-four .list .ul li:nth-child(2n) .text{ padding-left:0; padding-right:90px;}
.index-four .list .ul li:hover .pic img{ transform:scale(1.1);}
.index-four .ms .ul li{padding-left:15px; margin-bottom:0px; position: relative;direction: initial!important; }
.index-four .ms .ul li:before{content:''; position: absolute;left:0; top:15px; width:4px;height:4px; background:#666666; border-radius: 100px;}

.index-five{padding:4% 0}
.index-five .list{padding:3% 0}
.index-five ul{display:flex;padding:20px 0;justify-content: space-between; }
.index-five ul:nth-child(2){ flex-flow: row-reverse;}
.index-five ul li{width:32%; position: relative; padding-left:64px;}
.index-five .tit{font-size:20px; padding:5px 0;position: relative;}
.index-five .tit span{background:#f8f8f8;  position: relative; padding-right: 25px;}
.index-five .tit span:before{content:'';position: absolute; width:10px;height:10px; margin:auto;top:0; bottom:0; right:7px; border-right: solid 1px #dcdcdc;border-top: solid 1px #dcdcdc;}
.index-five ul:nth-child(1) .tit span:before{transform: rotate(45deg);}
.index-five ul:nth-child(1) li:nth-child(3):after{content:'';position: absolute; width:1px; top:20px;right:0; height:105px; background:#dcdcdc}
.index-five ul:nth-child(2) .tit span:before{transform: rotate(-135deg);}
.index-five .tit:before{content:'';position: absolute; width:100%; top:50%; height:1px; background:#dcdcdc}
.index-five .des{ padding:5px 0}
.index-five .num{font-size:26px; width:55px; line-height:55px; left:0; text-align:center;  position: absolute;  border-radius: 100px;  border: solid 1px #dddddd;}
.index-five ul li:hover .tit{ color:#c7000b}
.index-five ul li:hover .num{ color:#c7000b;border-color:  #c7000b;}
.index-five  ul li:hover .tit span:before{border-right-color: #c7000b;border-top-color: #c7000b;}

.index-six .list{padding-top:3%}
.index-six .box{width:90%; margin:auto; transition: 0.5s;}
.index-six .pic{position:relative; padding-bottom:130%; background:#fff; box-shadow:0 5px 50px rgba(0,0,0,0.05);border-radius:5px;}
.index-six .pic img{position: absolute; width:90%; height:90%; object-fit: contain;-o-object-fit: contain;    margin: auto; left:0; right:0; top:0; bottom:0}
.index-six .tit{text-align: center; font-size:22px;padding:30px 0}
.index-six .slick-list{padding:0 33%!important}
.index-six .slick-slide{}
.index-six .slick-slide:not(.slick-center) .box{  transform: scale(0.7);}
.index-six .slick-slide:not(.slick-center) .tit{opacity: 0}
.index-six .slick-arrow{width: 50px; height: 50px; transform: translateY(-50%); border-radius: 100px; background: #c7000b; border: solid 1px #c7000b}
.index-six .slick-prev{left:0}
.index-six .slick-next {right:0}
.index-six .slick-arrow:before{content:''; position: absolute; width: 20%; height: 20%; margin: auto; left:0; right:0; top:0; bottom:0;border-right: solid 1px #fff;border-top: solid 1px #fff;}
.index-six .slick-prev:before{transform: rotate(-135deg);}
.index-six .slick-next:before{transform: rotate(45deg);}

.sidebar_fuwu{z-index:100;  position: fixed; right:2%; top:40%; width:60px; padding:10px 0; background-color:#ff6c00;  border-radius: 40px; box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);}
.sidebar_fuwu dl{position:relative;}
.sidebar_fuwu dl:not(:last-child):after{content:'';display: block; width:50%; height:1px; margin:5px auto; background:#DDDDDD}
.sidebar_fuwu dt{cursor: pointer; width:100%; height:60px; display:flex;justify-content: center; align-items: center; position:relative; z-index:5}
.sidebar_fuwu dt img{height:26px; width: 26px;transition:0.5s;filter: grayscale(100%) brightness(1000%);}
.sidebar_fuwu dd{ position:absolute;width: 160px; padding-right:20px; right:100%; top:0; transition:0.5s;transform: scale(0); opacity:0}
.sidebar_fuwu dd .item{ width:100%; min-height:110px;  background-color: #fff; border-radius: 8px; box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
    padding:10px;}
.sidebar_fuwu dd .item:after{content:'';position:absolute;right:12px;top:20px;width:16px;height:16px;background:linear-gradient(45deg,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 50%);box-shadow: 20px 0px 17px 0px rgba(0, 0, 0, 0.1);transform:rotate(45deg)}

.sidebar_fuwu dd p{text-align:center}
.sidebar_fuwu .tel dd{width:200px}
.sidebar_fuwu .tel dd .item{padding:25px 15px;}
.sidebar_fuwu .tel dd span{display: block; line-height:30px; background: url(../images/icon-phone.png) no-repeat left 6px; padding-left:30px;background-size: 22px;}
.sidebar_fuwu .tel dd b{color:#333}
.sidebar_fuwu dd .box:not(:last-child):after{content:'';display: block; width:100%; height:1px; margin:20px auto; background:#DDDDDD}
.sidebar_fuwu dt:hover img{height: 30px; width: 30px;}
.sidebar_fuwu dl:hover dd{right:100%;opacity:1;transform: scale(1);}

@media(max-width:1366px){
}

#app202001211 .app-choose { min-height: 777px; padding-bottom:0; margin-bottom:50px;   background: url(../images/H_img_2.jpg) no-repeat center top; }
#app202001211 .app-choose .auto_1500{max-width:1500px; margin:auto}
#app202001211 .app-choose .case-view {position: relative;padding-top:217px }
#app202001211 .app-choose .case-view .item {position: absolute;padding-left: 70px;min-height: 50px;text-align: left;max-width: 318px;}
#app202001211 .app-choose .case-view .item .item-tit {font-size: 20px;font-weight: bold;color: #333;margin: 0;}
#app202001211 .app-choose .case-view .item .txt {font-size: 16px;line-height: 24px;margin: 4px 0 0;}
#app202001211 .app-choose .case-view .item1 {background: url(../images/icon_4.png) no-repeat 0 0;left:9%;top: 44%;}
#app202001211 .app-choose .case-view .item2 {background: url(../images/icon_2.png) no-repeat 0 0;left:27%;top:30%;}
#app202001211 .app-choose .case-view .item3 {background: url(../images/icon_1.png) no-repeat 0 0;left: 48%;top:22%;}
#app202001211 .app-choose .case-view .item4 {background: url(../images/icon_3.png) no-repeat 0 0;left: 67%;top:15%;}
#app202001211 .app-choose .img {display: block;margin: 0 auto;}
#app202001211 .app-choose .btn {display: block;margin: 28px auto 0;width: 270px;height: 52px;line-height: 50px;background: #fff;border: 1px solid #FF6C00;border-radius: 26px;text-align: center;font-size: 16px;font-weight: 300;color: #FF6C00;}


#app202001211 .app-why .info{display:flex;justify-content: space-between; }
#app202001211 .app-why .info dl{width:47%; box-shadow: 0 5px 20px rgba(61,83,194,0.1);  border-radius: 10px; padding:4% 5%; color:#333}
#app202001211 .app-why .info dt{font-size:28px}
#app202001211 .app-why .info dt:after{content:'';display:block; margin:15px 0; width:26px; height:2px; background:#ff6c00}
#app202001211 .app-why .info dd{line-height:30px;}

#app202001211 .app-zx{display:flex;justify-content: center; align-items: center;}
#app202001211 .app-zx .pic{width:138px;}
#app202001211 .app-zx .btn{padding-left:38px}
#app202001211 .app-zx .btn  a{  transition:0.5s;display: block; width:150px;  line-height:44px;  background: #fff;  border: 1px solid #FF6C00;  border-radius: 26px;  text-align: center;   font-size: 16px;  font-weight: 300; color: #FF6C00;}
#app202001211 .app-zx .btn  a:hover{color:#fff; background:#FF6C00;}
#app202001211 .auto_1200{max-width:1200px; margin:auto}

.f20{font-size:20px}
.f24{font-size:24px}
.f28{font-size:28px}

.c333{ color:#333}
.lh30{line-height:30px}

#app202001211 .item_floor_1{background:#f1f2f6; padding-bottom:0; padding-top:114px; margin-bottom:80px; overflow:hidden}
#app202001211 .item_floor_1 .box{display:flex;justify-content: space-between;}
#app202001211 .item_floor_1 .info{width:52%; text-align: justify; position:relative; z-index:2}
#app202001211 .item_floor_1 .tips{font-size:12px; padding-top:5%}
#app202001211 .item_floor_1 .photo{width:46%;}
#app202001211 .item_floor_1 .photo img{max-width:none; width: 177%; margin-left:-32%}

#app202001211 .item_floor_2 .item{display:flex;justify-content: space-between; }
#app202001211 .item_floor_2 .info{ width:56%;}
#app202001211 .item_floor_2 .tit {line-height:44px; }
#app202001211 .item_floor_2 .tit .more{ transition:0.5s;float:right; display: block; width:150px;  line-height:44px;  background: #fff;  border: 1px solid #FF6C00;  border-radius: 26px;  text-align: center;   font-size: 16px;  font-weight: 300; color: #FF6C00;}
#app202001211 .item_floor_2 .tit .more:hover{color:#fff; background:#FF6C00;}
#app202001211 .item_floor_2 .desc p{padding-bottom:4%}
#app202001211 .item_floor_2 .pic{width:40%; text-align: center;}
#app202001211 .item_floor_2 .item:nth-child(even){padding-top:3%}
#app202001211 .item_floor_2 .item:nth-child(even) .info{order:2}

#app202001211 .item_floor_3 .info_item{display:flex;justify-content: space-between;flex-wrap:wrap}
#app202001211 .item_floor_3 .item{width:49%;background:#f8f8f8; padding: 3% 3% 0 3%; margin:1% 0; display:flex;align-items:center; justify-content: space-between;}

#app202001211 .item_floor_3 .info{width:67%;padding-bottom:6%;}
#app202001211 .item_floor_3 .info p{font-size:14px; line-height:24px;}
#app202001211 .item_floor_3 .pic{width:26%;display:flex; justify-content: center; align-items: flex-end; overflow:hidden }
#app202001211 .item_floor_3 .pic img{transition:0.3s;}
#app202001211 .item_floor_3 .item:nth-child(1){width:100%; }
#app202001211 .item_floor_3 .item:nth-child(1) .info{width:54%;padding-left:5%;}
#app202001211 .item_floor_3 .item:nth-child(1) .pic{width:46%;}
#app202001211 .item_floor_3 .item:hover .pic img{ transform:scale(1.12);}


#app202001211 .item_floor_4 .info_item{display:flex;justify-content: space-between;flex-wrap:wrap; text-align:center;}
#app202001211 .item_floor_4 .item{width:32%}
#app202001211 .item_floor_4 .pic{overflow:hidden}
#app202001211 .item_floor_4 .pic img{transition:0.3s;}
#app202001211 .item_floor_4 .info{padding-top:8%; max-width:290px; margin:auto;}
#app202001211 .item_floor_4 .btn{text-align:center;padding-top:3%}
#app202001211 .item_floor_4 .btn  a{  transition:0.5s;display: block; margin:auto; width:150px;  line-height:44px;  background: #fff;  border: 1px solid #FF6C00;  border-radius: 26px;  text-align: center;   font-size: 16px;  font-weight: 300; color: #FF6C00;}
#app202001211 .item_floor_4 .btn  a:hover{color:#fff; background:#FF6C00;}
#app202001211 .item_floor_4 .item:hover .pic img{ transform:scale(1.12);}

#app202001211 .item_floor_5 .info_item{display:flex;flex-wrap:wrap; text-align:center;}
#app202001211 .item_floor_5 .item{width:23%;}
#app202001211 .item_floor_5 .item:not(:nth-child(4n+1)){margin-left:2.666666666666667%}
#app202001211 .item_floor_5 .pic{overflow:hidden}
#app202001211 .item_floor_5 .pic img{transition:0.3s;}
#app202001211 .item_floor_5 .info{padding:8% 0 10% 0}
#app202001211 .item_floor_5 .info p{padding:0; margin:0; color:#666666}
#app202001211 .item_floor_5 .item:hover .pic img{ transform:scale(1.12);}

#app202001211 .item_floor_6 .info_item{display:flex; flex-wrap:wrap}
#app202001211 .item_floor_6 .item{width:31%; padding:2% 0; }
#app202001211 .item_floor_6 .item:nth-child(3n+2){margin-left:3.5%; margin-right:3.5%;}
#app202001211 .item_floor_6 .item p{font-size:14px; line-height:24px}